/*--Vicky Piper Metro custom.css--*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&family=Playfair+Display:wght@600;700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');


:root {
  /* Colors */
  --brand-color-1: #beb6a9;
  --brand-color-2: #e0d9c7;
  --brand-color-3: #f5f4ef;
  --brand-color-4: #d8d8d8;
  --brand-color-5: #3c4c66;
  --brand-color-6: #3d3d3d;
  
  /* Fonts */
  --heading-font: "Playfair Display", sans-serif;
  --text-font: "Montserrat", sans-serif;
}

/*--Utility--*/

/*General classes missing from kvCORE version of Bootstrap*/
.position-relative{position:relative}
.overflow-hidden{overflow:hidden}
.d-block{display:block}
.d-none{display:none}
.flex-column{flex-direction:column}
.align-items-center{align-items:center!important;}
.align-self-center{align-self:center!important;}
.h-100{height:100%}
.w-100{width:100%}
.text-white{color:#fff}
.font-weight-bold{font-weight:bold!important}
.object-fit-container{min-height:360px!important;z-index:1;overflow:hidden}
.object-fit-container img{position:absolute;top:0;left:0;width:100%;height:100%!important;object-fit:cover}
.img-fluid{display:block;max-width:100%;height:auto}

/*Create equal height columns on desktop*/
.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: .9375rem;
    padding-right: .9375rem;
}
.row.eq-height {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.row.eq-height>[class*=col-]{
	position: relative;
    min-height: 1px;
    padding-left: .9375rem;
    padding-right: .9375rem;
    float: left;
}
.row.eq-height .col-xs-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%}
.row.eq-height .col-xs-5ths{-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%}
@media (min-width: 544px) {
	.container{max-width:576px}
    .row.eq-height .col-sm-6{ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%}
}
@media (min-width: 768px){
	.container{max-width:720px}
	.row.eq-height .col-md-3{ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%}
	.row.eq-height .col-md-4{ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%}
	.row.eq-height .col-md-5ths{-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%}
	.row.eq-height .col-md-6{ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%}
	.row.eq-height .col-md-8{ms-flex: 0 0 66.66667%;flex: 0 0 66.66667%;max-width: 66.66667%}
	.row.eq-height .col-md-9{ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%}
	.col-md-push-4{left:33.33333%}
	.col-md-push-6{left:50%}
	.col-md-pull-6{right:50%}
}
@media (min-width: 992px){
	.container{max-width:940px}
	.row.eq-height .col-lg-5ths{-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%}
	.row.eq-height .col-lg-3{ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%}
	.row.eq-height .col-lg-4{ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%}
	.row.eq-height .col-lg-6{ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%}
	.row.eq-height .col-lg-8{ms-flex: 0 0 66.66667%;flex: 0 0 66.66667%;max-width: 66.66667%}
	.col-lg-offset-2{margin-left:16.66667%}
	.col-lg-push-6{left:50%}
}
@media (min-width: 1200px){
	.container{max-width:1140px}
	.row.eq-height .col-xl-3{ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%}
	.row.eq-height .col-xl-5{ms-flex: 0 0 41.66667%;flex: 0 0 41.66667%;max-width: 41.66667%}
	.col-xl-push-7{left:58.33333%}
}

/*Remove gutters from rows*/
.row.no-gutters{margin-right:0;margin-left:0}
.row.no-gutters>[class*=col-]{padding-right:0;padding-left:0}

/*4-side equal gutters on colums*/
.row.equal-gutters{margin:7px}
.row.equal-gutters>[class*=col-]{padding:7px}

@media (min-width: 768px){
	.m-y-md-3{margin-top:3rem!important;margin-bottom:3rem!important}
	.m-b-md-0{margin-bottom:0!important}
}

.m-x-auto{margin-left:auto!important;margin-right:auto!important}.m-l-1,.m-x-1{margin-left:1rem!important}.m-r-1,.m-x-1{margin-right:1rem!important}.m-x-2{margin-left:1.5rem!important;margin-right:1.5rem!important}.m-x-3{margin-left:3rem!important;margin-right:3rem!important}.m-y-1{margin-top:1rem!important;margin-bottom:1rem!important}.m-y-2{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.m-y-3{margin-top:3rem!important;margin-bottom:3rem!important}.m-t-0{margin-top:0!important}.m-t-1{margin-top:1rem!important}.m-t-2{margin-top:1.5rem!important}.m-t-3{margin-top:3rem!important}.m-b-0{margin-bottom:0!important}.m-b-1{margin-bottom:1rem!important}.m-b-2{margin-bottom:1.5rem!important}.m-b-3{margin-bottom:3rem!important}.p-a-0{padding:0!important}.p-x-0{padding-left:0!important;padding-right:0!important}.p-x-1{padding-left:1rem!important;padding-right:1rem!important}.p-x-2{padding-left:1.5rem!important;padding-right:1.5rem!important}.p-x-3{padding-left:3rem!important;padding-right:3rem!important}.p-y-1{padding-top:1rem!important;padding-bottom:1rem!important}.p-y-2{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.p-y-3{padding-top:3rem!important;padding-bottom:3rem!important}.p-t-1{padding-top:1rem!important}.p-t-2{padding-top:1.5rem!important}.p-t-3{padding-top:3rem!important}.p-b-1{padding-bottom:1rem!important}.p-b-2{padding-bottom:1.5rem!important}.p-b-3{padding-bottom:3rem!important}

/*--Typography--*/
h1, h2, h3, h4, h5, h6, .h1, .h1, .h3, .h4, .h5, .h6, .section-inverse h1, .font-serif {
	font-family: var(--mg-title-font);
	font-weight: 400;
}
#custom-content p, #custom-content li, #testimonials i, #testimonials p, #about, #latest-blogs .post-content p, .service-area-link {
	font-size: 1.1rem;
}



.border-indent-title {
	overflow: hidden;
}
.border-indent-title h1 {
	display: inline-block;
}
.border-indent-title h1 span:nth-child(1) {
	display: block;
	font-size: 5vw;
	letter-spacing: 2px; 
	text-align: left;
}
.border-indent-title h1 span:nth-child(2) {
	display:block;
	font-size: 7.5vw;
	font-weight: 600;
	letter-spacing: -1.8px;
	text-align: left;
	margin-left: 2px;
	padding-left: 2.3vw;
	position: relative;
}
.border-indent-title h1 span:nth-child(2)::before {
	content:'';
	position: absolute;
	height: 75%;
	border-right: 2px solid var(--brand-color-2, #c5a95e);
	top: 8px;
	left: 0;
}
@media (min-width: 576px) {
	.border-indent-title h1 span:nth-child(1) {
		font-size: 3.5vw;
	}
	.border-indent-title h1 span:nth-child(2) {
		font-size: 5.5vw;
		margin-left: 2px;
		padding-left: 2vw;
	}
	.border-indent-title h1 span:nth-child(2)::before {
		border-width: 3px;
		height: 75%
	}
}
@media (min-width: 768px) {
	.border-indent-title h1 span:nth-child(1) {
		font-size: 2.75vw;
	}
	.border-indent-title h1 span:nth-child(2) {
		font-size: 4.5vw;
		margin-left: 3px;
		padding-left: 1.5vw;
	}
	.border-indent-title h1 span:nth-child(2)::before {
		border-width: 3px;
		height: 75%
	}
}
@media (min-width: 992px) {
	.border-indent-title h1 span:nth-child(1) {
		font-size: 2vw;
	}
	.border-indent-title h1 span:nth-child(2) {
		font-size: 3.5vw;
		margin-left: 2px;
		padding-left: 1vw;
	}
	.border-indent-title h1 span:nth-child(2)::before {
		border-width: 4px;
		height: 75%
	}
}


/*--Featured Search Section--*/
#search-grayscale h2 {
  font-size: 50px;
  line-height: 0.9;
  padding-bottom: 30px;
}
#search-grayscale h2 small {
  font-size: 18px;
  letter-spacing: 4px;
}
#search-grayscale figure {
  position: relative;
  margin-bottom: 0;
}
#search-grayscale figure img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  filter: grayscale(100%) brightness(50%);
  transition: all 0.5s ease;
}
#search-grayscale figure:hover img {
  filter: grayscale(0%) brightness(90%);
}
#search-grayscale figure figcaption a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#search-grayscale figure figcaption a:hover {
  text-decoration: none;
}
#search-grayscale figure figcaption h3 a span {
  position: relative;
  display: inline;
  font-size: 26px;
  color: #fff;
  letter-spacing: 4px;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.9);
}
#search-grayscale figure figcaption h3 a span::before {
  content: "";
  position: relative;
  top: 1px;
  left: 0px;
  display: inline-block;
  height: 1.3rem;
  border-right: 2px solid var(--brand-color-2, #c5a95e);
  margin-right: 8px;
}

/*--Fixed Background 100vh Offset 6--*/
.fixed-bg-100vh-offset-6 {
	position: relative;
	z-index: 2;
	overflow: hidden;
	min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.fixed-bg-100vh-offset-6 .row {
	position: relative;
	z-index: 3;
}
.fixed-bg-100vh-offset-6 .content {
	background-color: rgba(129,0,0,0.9);
	padding-left: 1rem;
	padding-right: 1rem;
	overflow: hidden;
}
@media (min-width: 576px) {
	.fixed-bg-100vh-offset-6 .content {
		padding-left: 3rem;
		padding-right: 3rem;
	}
}
.fixed-bg-100vh-offset-6 .content h2 {
	margin-bottom: 12px;
}
.fixed-bg-100vh-offset-6 h2 .sub-heading {
	display: block;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 4px;
}
.fixed-bg-100vh-offset-6 h2 .main-heading {
	display: block;
	font-size: 45px;
}

.bg-wrap-fixed + .container {
    z-index: 3;
}
.bg-wrap-fixed {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
.bg-wrap-fixed .bg-position {
    position: absolute;
    clip: rect(0, auto, auto, 0);
    z-index:0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bg-wrap-fixed img {
    position: fixed;
    z-index:0;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center;
    transform: translateZ(0);
    will-change: transform;
    filter:brightness(1);
}
#froala-editor.fr-top .bg-wrap-fixed img {
    position: relative;
}
#cta-50-left.fixed-bg-100vh-offset-6 .content {
	background-color: rgba(0,0,0,0.7);
}
#cta-50-right.fixed-bg-100vh-offset-6 .content {
	background-color: rgba(0, 0, 0, 0.7);
}

.fixed-bg-100vh-offset-6 .border-indent-title h1 span:nth-child(1) {
	font-size: 3.25vw;
}
.fixed-bg-100vh-offset-6 .border-indent-title h1 span:nth-child(2) {
	font-size: 6vw;
}
@media (min-width: 576px) {
	.fixed-bg-100vh-offset-6 .border-indent-title h1 span:nth-child(1) {
		font-size: 3.5vw;
	}
	.fixed-bg-100vh-offset-6 .border-indent-title h1 span:nth-child(2) {
		font-size: 5.75vw;
	}
}
@media (min-width: 768px) {
	.fixed-bg-100vh-offset-6 .border-indent-title h1 span:nth-child(1) {
		font-size: 2.5vw;
	}
	.fixed-bg-100vh-offset-6 .border-indent-title h1 span:nth-child(2) {
		font-size: 4vw;
	}
}
@media (min-width: 992px) {
	.fixed-bg-100vh-offset-6 .border-indent-title h1 span:nth-child(1) {
		font-size: 2vw;
	}
	.fixed-bg-100vh-offset-6 .border-indent-title h1 span:nth-child(2) {
		font-size: 3vw;
		padding-left: 1.33vw;
	}
}
@media (min-width: 1200px) {
	.fixed-bg-100vh-offset-6 .border-indent-title h1 span:nth-child(1) {
		font-size: 1.5vw;
	}
	.fixed-bg-100vh-offset-6 .border-indent-title h1 span:nth-child(2) {
		font-size: 2.6vw;
		padding-left: 1.25vw;
	}
}


/*--Social Media Accordian--*/
#social-boxes {
	overflow: hidden;
}
@media (min-width: 768px) {
	#social-boxes .row.eq-height {
		flex-wrap: nowrap;
	}
}
#social-boxes .col {
    -ms-flex-preferred-size: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
	transition: all .33s ease;
}
#social-boxes #social-header {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
@media (min-width: 768px){
	#social-boxes #social-header {
		height: 495px;
	}
}
#social-boxes #social-header img {
	width: 300px;
	filter: brightness(0) invert(1);
}
#social-boxes .social-links a {
	position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
    height: 220px;
    text-decoration: none !important;
}
@media (min-width: 768px) {
	#social-boxes .social-links a {
		height: 495px;
	}
}
#social-boxes .social-links .fa {
	position: relative;
	z-index: 3;
	font-size: 8vw;
	color: #fff;
}
#social-boxes .social-links img {
	position: absolute;
	object-fit: cover;
	height: 100%;
	width: 100%;
	filter: grayscale(1) brightness(0.5);
	transition: all 0.33s ease;
}
#social-boxes .social-links a:hover img {
	filter: grayscale(0) brightness(1);
}
#social-boxes .col-xs-5ths {
	transition: all 0.33s ease;
}
#social-boxes .col-xs-5ths.grow {
	flex: 0 0 28%;
    max-width: 28%;
}
#social-boxes .col-xs-5ths.shrink {
	flex: 0 0 18%;
    max-width: 18%;
}

#home-bodycontent #about {
	display: none;
}
#home-bodycontent #froala-editor:not(.fr-box) #custom-about {
	display: none;
}
#about,
#latest-blogs,
#seo-areas {
	overflow: hidden;
}

.listings.container .page-header {
    padding: 60px 0 20px;
}
.listings.container .page-header h2 span {
	position: relative;
	font-weight: 600;
	font-size: 2rem;
}
.listings.container .page-header h2 span::before {
	content: '';
	position: absolute;
	top: 5px;
	left: -10px;
	display: inline-block;
	height: 25px;
	border-right: 2px solid var(--brand-color-2, #c5a95e);
	margin-right: 12px;
}
.listings.container .listing-box-wrapper {
	background: transparent;
	border: none;
}
.listings.container .listing-box {
	box-shadow: 0px 15px 10px -15px rgb(0 0 0 / 30%);
}
.listings.container .owl-nav button {
	width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%);
}
.listings.container .owl-nav button i.fa {
	color: hsla(var(--colorPrimary-h,0),var(--colorPrimary-s,0%),calc(var(--colorPrimary-l, 25%) + 0%),1);
}
.footer-top-left #footer-logo img {
	width: 140px;
	max-width: 90%;
	margin-bottom: 1rem;
	filter: brightness(0) invert(1);
}
.footer-bottom .footer-left {
	float: none;
	text-align: center;
}
.footer-bottom .footer-left ul {
	display: inline-block;
}
#design-creds {
	clear: both;
}
#design-creds a {
	color: rgba(255,255,255,0.5);
	font-size: .8rem;
}
.post-content p {
    color: #575757;
}
.footer-top-right p {
	color: #f0f0f0 !important;
}
.media-card img[alt="Blog author image"] {
	margin: 0 auto;
}

/*--Agents Page--*/
#agent-bodycontent .listing-user-image {
	width: 200px;
    height: 200px;
    border-radius: 0%;
}
#agent-bodycontent .listing-user-image a {
    border-radius: 0%;
}

/*--Home Page Editor--*/
#site-editor-screencast {
    position: fixed;
    z-index: 9999;
    bottom: 1rem;
    left: 1rem;
	max-width: 360px;
    border: 1px solid #ebe9e9;
    box-shadow: 1px 1px 15px -4px rgb(0 0 0 / 20%);
}
#close-screencast {
    position: absolute;
    top: -18px;
    right: 12px;
    padding: 0;
    margin: 0;
    border: 0;
}
#close-screencast .fa-stack-2x {
	height: 27.2px;
    width: 27.2px;
    transition: all .3s ease;
}
#close-screencast:hover .fa-stack-2x {
	transform: rotateZ(270deg);
}
#close-screencast .fa-times-circle {
	color: #e50000;
}
#close-screencast .fa-times-circle,
#close-screencast .fa-circle {
	line-height: 1;
}


/*--Contact Modal Pro--*/
#chat-with-us-link{display:none}
#contactModalPro-btn{overflow:hidden;position:fixed;bottom:15px;left:15px;height:120px;width:120px;padding:4px;border-radius:50%!important;transition:all .25s;transform-origin:bottom left;z-index:4}
#contactModalPro-btn:hover{bottom:11px}
#contactModalPro-btn.small-btn{transform:scale(0.8)}
#contactModalPro-btn span{position:absolute;top:80%;left:50%;transform:translate(-50%, -50%);font-weight:bold;text-shadow:0 1px 3px #000}
#contactModalPro-btn img{object-fit:cover;width:100%;height:100%}

.flex-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important;
}
#contactModal .modal-sm {
width: 300px;
margin: 30px auto;
}
#contactModal-btn {
position:fixed;
bottom:50%;
left:50%;
z-index:13
}
#contactModal .modal-header {
border-top:4px solid #fff;
border-bottom:none;
}
#contactModal .headshot img {
height: 150px;
width: 150px;
object-fit: cover;
object-position: top;
}
#contactModal .agent-details {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 150px;
padding: 0 15px;
}
#contactModal .agent-details span {
display: block;
text-align: center;
}
#contactModal .agent-name {
font-weight: bold;
}
#contactModal .agent-creds {
font-size: smaller;
}
#contactModal button.close {
position: absolute;
top: -18px;
right: -20px;
margin-top: 0;
opacity: 1;
}
#contactModal button.close span {
text-shadow: none;
}
#contactModal button.close:focus,
#contactModal button.close span:focus {
outline: none;
}
#contactModal .contactNav {
display: flex;
}
#contactModal .contactNav a {
position: relative;
border: 1px solid rgba(255,255,255,0.2);
border-left: none;
}
#contactModal .contactNav>.flex-fill:last-of-type a {
border-right: none; 
}
#contactModal .contactNav .icon{
width:34px;
height:34px;
margin-bottom: 8px;
filter:invert();
}
#contactModal .contactNav span {
display: block;
position: absolute;
bottom: 4px;
left: 50%;
transform: translateX(-50%);
font-size: 8px;
}
#contactModal .modal-body .btn {
letter-spacing: 1.75px;
}

/*--Share Blog To Social--*/
#blog-bodycontent .post-detail .col-xs-6:nth-child(1) {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 1rem;
}
#blog-bodycontent .post-detail .col-xs-6:nth-child(1) p {
	margin-bottom: 0;
}	
#blog-bodycontent .post-detail .col-xs-6:nth-child(2) {
	display: none;
}
#blog-bodycontent #share-to-social {
	display: inline-block;
}
#blog-bodycontent #share-to-social .share-title,
#blog-bodycontent #share-to-social .btn {
	padding: 4px 8px;
}
#blog-bodycontent #share-to-social .fa {
	margin-right: 0;
}
#blog-bodycontent #share-to-social .share-button {
	transition: all .15s ease-in;
}
#blog-bodycontent #share-to-social .share-button:hover {
	transform: scale(1.25);
}

.customSidebarCTA .nav-stacked i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25px !important;
	height: 20px !important;
	margin-right: 6px;
}

/*--CUSTOM PAGES--*/
/*Fixed Background Styling*/
#resources-bodycontent .bg-wrap-fixed img {
    filter:brightness(.5);
}
/*Quick Search Styling*/
    #quick-search-wrapper #quick-search{position:relative;z-index:3}
    #quick-search-wrapper #quick-search #header-search{display:flex;width:100%;align-items:center;margin-top:-14px}
    #quick-search-wrapper #quick-search #header-search::before,
    #quick-search-wrapper #quick-search #header-search::after{content:'';display:inline-block;width:16px;height:80px;border:1px solid #ffffff}
    #quick-search-wrapper #quick-search #header-search::before{border-right:none}
    #quick-search-wrapper #quick-search #header-search::after{border-left:none}
    #quick-search-wrapper .input-group.location-form-group{width: calc( 100% - 32px);}
    #quick-search-wrapper .token-input.tt-input{width:100%!important}
    #quick-search-wrapper .input-group-addon{position:relative;width:40px}
    #quick-search-wrapper .input-group-addon i.fa{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}
    #quick-search-wrapper .tt-menu{min-width:unset!important;width:calc(100% + 1.75rem)!important;margin:16px 0 0 -14px}
    #quick-search-wrapper #adv-search-btn{margin:-8px;padding:0 10px 0 0}
    #quick-search-wrapper #adv-search-btn i.fa{padding:10px;border-right:1px solid #c3c3c3;color:inherit;}
    @media (min-width: 768px){
        #quick-search-wrapper #quick-search{display:flex;align-items:center}
        #quick-search-wrapper #quick-search #quick-search-title{width:114px;margin-right:12px;font-size:1.75rem;}
        #quick-search-wrapper #quick-search #header-search{margin-top:0}
    }
/*Roadmap Styling*/
   #roadmap .row .col-md-6{border-left:1px solid #ccab6c}
   #roadmap .row:nth-child(odd) .col-md-6:nth-child(odd)::before,
   #roadmap .row:nth-child(even) .col-md-6:nth-child(even)::before{display:block;position:absolute;top:.25rem;left:-.3625rem;font-family:"FontAwesome";font-size:.75rem;color:#ccab6c;content:'\f111'}
   #roadmap span.h5{font-size:1rem}
   #roadmap span.h5::before,
   #roadmap span.h5::after{display:inline-block;content:"";border-top:1px solid #fff;width:45px;margin:0 12px;transform:translateY(-6px)}
   #homeowner-badge img{display:block;height:auto;max-width:280px;margin:0 auto}
   @media only screen and (min-width: 768px) {
        #roadmap span.h5{font-size:1.25rem}
        #roadmap .row .col-md-6{border-left:none}
        #roadmap .row .col-md-6:first-child{border-right:1px solid #ccab6c}
        #roadmap .row:nth-child(odd) .col-md-6:nth-child(odd)::before{right:-.3625rem;left:unset}
        #roadmap p.w-100{text-align:justify}
   }