@import url("../css/_two-paths-module.css");
@import url("../css/_no-banner.css");
@import url("../css/_feature-panel-section.css");
@import url("../css/_directors-section.css");

.contact-container {clear: both; position: relative; z-index: 1;}
.two-paths-module {padding: 22px 0 98px;}

.larche-communities {clear: both; width: 100%; position: relative; background-color: var(--light-grey); padding:89px 0 50px;}
.larche-communities h3 {margin-bottom: 50px;}
.larche-community-lists {display: flex; flex-wrap: wrap; width: 100%; justify-content: center;}
.larche-list {width: 22.25475841874085%; margin:0 0 50px 3.66%; background: var(--white);}
.larche-list:nth-child(4n+1) {margin-left: 0;}
.larche-list .larche-thumb {height: 203px; overflow: hidden;}
.larche-list .larche-content {background: var(--white); padding:31px 33px 46px;}
.larche-list .larche-content .h5 {margin: 0 0 22px 0;}
.larche-list .larche-content ul {margin: 0 0 0 23px;}
.larche-list .larche-content ul li:before {left: -13px; top: 13px; content: ""; width: 3px; height: 3px; border-radius: 50%; background:var(--text-violetblue);}
.larche-list .larche-content ul li {margin: 0;}
.larche-list .larche-content ul li a {text-decoration: none; color: var(--text-violetblue); font-weight: 500; line-height: 1.3;
display: inline-block;}
.larche-list .larche-content ul li a:hover {color: var(--orange);}

.directors-main {padding: 89px 0 100px 0;}




/*-- media css starts here --*/
@media only screen and (max-width: 1160px) and (min-width: 1024px) {
	.larche-list {width: 23%; margin: 0 0 50px 2.66%;}
	.larche-list .larche-content {padding: 31px 31px 47px;}
}

@media only screen and (max-width: 1023px) and (min-width: 200px) {
	.larche-list {width: 285px; margin: 0 22px 0 0;}
	.larche-community-lists .slick-track {display: flex!important;}
	.larche-community-lists  .slick-list {overflow: visible;}
	.larche-community-lists .larche-list {height: inherit!important;}
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
	.directors-main {padding: 89px 0 60px 0;}
	.larche-communities {padding: 70px 0 50px;}
}
@media only screen and (max-width: 767px) and (min-width: 200px) {
	.no-banner-section .no-banner-main .no-banner-dot-left {left: -534px; bottom: -33px;}
	.no-banner-section .no-banner-main .no-banner-dot-right {right: -599px; bottom: -18px;}
	
	.two-paths-module {padding: 42px 0 57px;}
	.two-path-grid {margin: 0 0 68px 0;}
	
	.larche-communities {padding:59px 0 30px;}
	.larche-communities h3 {margin-bottom: 31px;}
	.larche-list .larche-content {padding: 31px 31px 47px;}
	
	.directors-main {padding: 60px 0 30px;}
	.directors-heading {margin-bottom: 31px;}
}