#ccWrapper {
	border: 23px solid #f1f1f1;
	padding-bottom:40px;
	width: 685px;
	height: auto;
	margin: 0 0 0 10px; 
	_margin:10px 0 5px 6px; 
	float:left; 
	background:#fff;
}

/**** START CREDIT CENTER INDEX PAGE STYLES ****/

#creditcenterMain h1 {
	font-size: 28px;
	font-weight: bold;
	font-family: arial, sans-serif;
	color: #1588c3;
	whitespace: nowrap;
	margin: 15px 0 0 5px;
	float: left;
	clear: both;
	display: inline;
}

#creditcenterMain h2 {
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	font-family: arial, sans-serif;
	color: #252525;
	margin: 0 0 0 15px;
	white-space: nowrap;
	letter-spacing: 1px;
	line-height: 17px;
	display: inline;
	float: left;
}

#creditcenterMain p {
	margin-left: 16px;
}

#creditcenterMain h2.sub2 {
	margin-left: 15px;
}


#creditcenterMain p {
	font-size: 13px;
	font-family: arial, sans-serif;
	color: #252525;
	margin: 0 0 0 15px;
	line-height: 18px;
}

#creditcenterHeader ul.mainBullets {
	font-size: 12px;
	font-family: arial, sans-serif;
	color: #252525;
	margin: 10px 15px 0 50px;
	padding: 0;
}

#creditcenterHeader li.mainBullets {
	line-height: 18px;
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #252525;
	font-family: arial. sans-serif;
}

#creditcenterHeader {
	padding: 0;
	margin: 0;
}

#creditcenterHeader span {
	font-weight: bold;
	font-family: arial, sans-serif;
	color: #252525;
	padding: 0;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 25px;
}

#creditcenterHeader {
	margin-top: 20px;
	float: left;
	width: 435px;
}

#creditcenterHeader p {
	font-weight: normal;
	margin: 10px 0 0 15px;
	font-family: arial, sans-serif;
	color: #252525;
	padding: 0;
	font-size: 12px;
}

#creditcenterHeader2 {
	float: right;
	width: 250px;
	margin-top: 28px;
}

#creditcenterHeader2 ul a {
	color: 1588c3;
	font-size: 13px;
	font-family: arial, sans-serif;
}

#creditcenterHeader2 img {
	float: left;
	margin-right: 5px;
}

#creditcenterHeader2 p {
	font-weight: bold;
	font-family: arial, sans-serif;
	color: #1588c3;
	text-transform: uppercase;
	margin-left: 35px;
	_margin-left: 35px;
	_padding: 0 35px 0 0;
}

#creditcenterHeader2 li {
	font-family: arial, sans-serif;
	color: #252525;
	_padding: 0;
	_margin: 0;
}

#ccreminder {
	width: 185px;
	margin: 30px 0 0 30px;
	_margin: 10px 20px 0 40px;
	_padding: 0;
}

#ccreminder img {
	float: left;
}

#ccreminder p {
	font-weight: bold;
	font-family: arial, sans-serif;
	color: #1588c3;
	text-transform: uppercase;
	margin-left:20px;
	_margin-left: 0;
	_padding: 0;
}

#ccreminder span.note {
	font-weight: bold;
	font-family: arial, sans-serif;
	color: #1588c3;
	text-transform: uppercase;
	display: inline;
	line-height: 34px;
}

#ccreminder p.note2 {
	font-weight: normal;
	font-size: 12px;
	font-family: arial, sans-serif;
	color: #252525;
	text-transform: none;
	width: 175px;
	line-height: 16px;
	margin-left: 27px;
	_padding: 0;
	_margin: 0;
}

#creditcenterHeader2 ul {
	list-style-type: none;
	color: #252525;
	margin: 8px 20px 0 18px;
	_width: 200px;
	_margin: 8px 0 0 40px;
	line-height: 20px;
}

#creditcenterHeader2 li {
	font-size: 12px;
	font-family: arial, sans-serif;
	color: 252525;
	margin-top: 5px;
}

#creditcenterHeader2 li span {
	font-weight: bold;
}

#creditcenterfaq img {
	float: left;
	padding-right: 8px;
	margin: 5px 0 0 9px;
}

#creditcenterfaq span {
	font-weight: bold;
	font-family: arial, sans-serif;
	color: #252525;
	padding: 0;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 25px;
}

#creditcenterfaq p {
	font-size: 12px;
	font-family: arial, sans-serif;
	color: #252525;
	margin: 0 0 0 10px;
	line-height: 18px;
}

#creditcenterfaq a img {
	margin: 10px 0 0 180px;
}

#creditcenterfaq p.answer {
	width: 360px;
	text-align: left;
	margin-left: 68px;
}

#creditcenterfaq p.answer a.ccn {
	margin-left: 40px;
	line-height: 40px;
}

#creditcenterfaq p.answer a.cc {
	margin-left: 35px;
	line-height: 40px;
}

#creditcenterfaq p.answer a.ccb {
	margin-left: 70px;
	line-height: 40px;
}

#creditcenterMain img {
	float: right;
	margin: 20px 20px 0 20px;
}

/**** END CREDIT CENTER INDEX PAGE STYLES ****/

/**** START CREDIT CENTER INSIDE PAGE STYLES ****/

#crHeader {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #252525;
	margin: 5px 0 0 5px;
	width: 650px;
}

#crHeader h1.crtitle {
	font-size: 28px;
	font-family: Arial, Helvetica, sans-serif;
	color: #1588C3;
	font-weight: bold;
	margin: 0 0 40px 5px;
	padding: 25px 0 0 0;
}

#crHeader img {
	float: right;
	margin: 0 0 0 80px;
}

#crDefinitions {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #252525;
	margin: 0 20px 20px 10px;
	width: 600px;
}

#crDefinitions p {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #252525;
	margin: 0 20px 20px 10px;
	width: 600px;
	line-height: 17px;
}

#crDefinitions dl {
	margin: 20px 0 0 15px;
}

#crDefinitions dt {
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #252525;
	font-size: 13px;
	margin-top: 10px;
}

#crDefinitions dd {
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	color: #252525;
	font-size: 12px;
	line-height: 17px;
}

#crChecklistTitle h1.caption {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #252525;
	font-weight: bold;
	text-align: center;
	margin: 20px 0 20px 70px;
	line-height: 0;
}

#crChecklist {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #252525;
	margin: 15px 0 0 16px;
	width: 630px;
	background-color: #fff;
	border: 1px solid #DBDBDB;
	text-align: left;
	vertical-align: top;
}

#crChecklist th {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #1874ab;
	padding: 5px 5px 5px 5px;
	text-align: left;
	vertical-align: top;
}

#crChecklist th .help {
	text-align: left;
}

#crChecklist th.help p {
	width: 230px;
	color: #444;
	margin: 0 15px 20px 25px;
	text-align: left;
	font-weight: normal;
}

#crChecklist h2.tip {
	color: #3366cc;
	margin: 10px 30px 5px 10px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	line-height: 50px;
}

#crChecklist h2.tip img {
	display: inline;
	float: left;
	margin: 5px;
}

#crChecklist th a.tooltip span {
	display:none; 
	padding: 10px; 
	width: auto;
	height: auto;
}

/* IE6 Tooltip Style Hack*/

#crChecklist th a.tooltip:hover span {
	display:inline; 
	position:absolute; 
	background:#FDF8D9; 
	border:1px solid #cccccc; 
	color:#6c6c6c;
	padding: 5px;
}

#crChecklist th a:hover {
	text-decoration: none;
	background: none;
	color: #fff;
}

#crChecklist th a {
	background: none;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #e4e9ec;
}

#crChecklist td a:hover {
	background: none;
}

#crChecklist td.type {
	width: 120px;
}

#crChecklist td.eq {
	width: 36px;
}

#crChecklist td.exp {
	width: 36px;
}

#crChecklist td.trans {
	width: 36px;
}

#crChecklist td.fico {
	width: 36px;
}

#crChecklist td.cm {
	width: 36px;
}

#crChecklist td.idp {
	width: 36px;
}

#crChecklist td.offer {
	width: 65px;
	text-align: left;
}

#crChecklist td.link {
	width: 70px;
	text-align: left;
}

#crChecklist tr.even {
	background-color: #F4F4F4;
}

#crChecklist tr:hover {
	background-color: #FDF8D9;
}

#crChecklist td {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #252525;
	font-weight: normal;
	padding: 5px;
	text-align: left;
	vertical-align: top;
}

#crChecklist td img {
	margin-left: 10px;
}

#crChecklist span.emphasis {
	font-weight: bold;
}

/**** END CREDIT CENTER INSIDE PAGE STYLES ****/

/**** START MOVING/DOCUMENT CENTER PAGE STYLES ****/


#resourcesMain h1 {
	font-size: 30px;
	font-weight: bold;
	font-family: arial, sans-serif;
	color: #1588c3;
	line-height: 100px; /* for chrome and safari - padding/margin issue fix */
	whitespace: nowrap;
	margin: 50px 0 0 25px;
	*margin: 50px 0 0 25px;
	_margin: 50px 0 0 15px;
	float: left;
}

#resourcesMain img {
	height:174px;
	width:250px;
	float: right;
	margin: 20px 40px 0 20px;
	*margin: 20px 40px 0 20px;
	_margin: 20px 40px 0 20px;
}

#resourcesHeader {
	margin: 0 0 0 22px;
	*margin: 0 0 0 22px;
	_margin: 0 0 0 22px;
	float: left;
	width: 630px;
	font-size: 12px;
}

#resourcesHeader p {
	font-weight: normal;
	margin: 10px 0 0 10px;
	font-family: arial, sans-serif;
	color: #252525;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
}

#resourcesFaq img.mcBubble {
	float: left;
	margin: 0 10px 0 9px;
}

#resourcesFaq h2 {
	font-weight: bold;
	font-family: arial, sans-serif;
	color: #252525;
	padding: 0;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 15px;
	margin-top:40px;
}

#resourcesFaq p {
	text-align: left;
	margin: 10px 0 0 68px;
}

#resourcesFaq ul {
	list-style-position: inside;
	text-align: left;
	margin: 10px 0 0 68px;
}

#resourcesFaq li {
	color:#252525;
	font-size:12px;
	line-height:18px;
	margin:0;
	padding:0;
}

#resourcesFaq img.mcbutton {
	margin: 15px 0 0 230px;
	*margin: 15px 0 0 230px;
	_margin: 15px 0 0 230px;
	text-align: center;
}

#foreclosureListingTypeHeader{background-color:rgb(248,248,249);padding:10px 0 40px 0;margin-bottom:20px;}
#foreclosureListingTypeHeader .foreclosureLTSearch h1{font-family: 'Open Sans',sans-serif;letter-spacing: -1px;font-size: 28px; color: #15b4e9;font-weight:600;}
#foreclosureListingTypeHeader .foreclosureLTSearch form{width: 100%;min-height: 50px;border: 1px solid #c7c7c7;border-radius: 8px;border-collapse: separate;background-color: #FFF; -webkit-box-shadow: 0 8px 6px -6px #c7c7c7;-moz-box-shadow: 0 8px 6px -6px #c7c7c7;box-shadow: 0 8px 6px -6px #c7c7c7;}
#foreclosureListingTypeHeader .listingTypeSearchText{height:50px;font-size:16px;border: none;box-shadow: none;}
#foreclosureListingTypeHeader .listingTypeSearchBtn{padding: 3px 12px 0 12px;height:36px;margin-right: 10px;background-color:#e72a57;color:#FFF;border-radius:8px;}
#foreclosureLTMain .foreclosureLTMainContent{background-color:rgb(248,248,249);padding:10px;margin-bottom:20px;}
#foreclosureLTMain .foreclosureLTMainContent h2{margin: 10px 0 10px 0;font-size:24px;}
#foreclosureLTMain .foreclosureLTMainContent p{font-weight:500;}
#foreclosureLTMain .foreclosureLTMainImg {width:100%;border:none;}
#foreclosureLTSideBar .foreclosureLTArticleBox1{width:100%;height:auto;background-color:rgb(248,248,249);margin-bottom:20px;}
#foreclosureLTSideBar .foreclosureLTArticleBox1 h4{font-size:16px;margin:5px 0 5px 0;}
#foreclosureLTSideBar .foreclosureLTArticleBox2{text-align:center;width:100%;height:auto;background-color:#5bcaef;margin-bottom:20px;padding:15px;}
#foreclosureLTSideBar .foreclosureLTArticleBox1Img{width:100%;border:none;height:auto;}
.f_learn_btn{padding: 4px 12px;background-color:#0f97c4;}
.f_learn_btn:hover{background-color: #0f97c4 !important;}
@media(max-width: 480px){
	#foreclosureListingTypeHeader .foreclosureLTSearch h1{font-size:20px;}
	#foreclosureListingTypeHeader .listingTypeSearchText {
		height: 50px;
		font-size: 14px;
		border: none;
		box-shadow: none;
	}
	#foreclosureListingTypeHeader .listingTypeSearchBtn {
		padding: 0px 7px 0 7px;
		font-size: 14px;
		height: 36px;
		margin-right: 10px;
		background-color: #e72a57;
		color: #FFF;
		border-radius: 8px;
	}
}
#oneBoxSearchInpState {
    width: 100%; 
}

#mortgagePageWrap h1{font-size: 24px;font-weight: 500;margin-top:20px;margin-bottom:10px;}
#mortgagePageWrap h2{font-size: 22px;font-weight: 500;margin-top:20px;margin-bottom:10px;}
.LoanType{text-align:left;margin:10px 0;padding: 5px;}
.LoanType li {
	list-style-type: none;
	counter-increment: item;
	margin:5px 0;
	font-weight:500;
	color: #555;
  }

  .LoanType li a{
	color: #555;
  }

  .LoanType li a:hover{
	color: #555;
  }
  
  .LoanType li:before {
	content: counter(item);
	margin-right: 5px;
	font-size: 80%;
	background-color: #f9dd94;
	color: #7eb4e2;
	font-weight: bold;
	padding: 3px 8px;
	border-radius: 3px;
  }

      
.mortgageLoanList li.circle-checkmark::before {
	content: ""; 
	position: absolute; 
	left: 0; 
	top: 0px; 
	border: solid 10px #f9dd94;
	border-radius: 10px;
  }
  
  .mortgageLoanList li.circle-checkmark::after {
	content: ""; 
	position: absolute; 
	left: 8px;
	top: 3px;
	width: 5px;
	height: 11px;
	border: solid #7eb4e2;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
  }


  .mortgageLoanList {
	counter-reset: li; 
	list-style: none; 
	padding: 0;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
  }
  
  .mortgageLoanList span {
	position: relative;
	display: block;
	padding: .4em .4em .4em 2em;
	margin: .5em 0;
	background: #f2f2f2;
	color: #444;
	text-decoration: none;
	border-radius: .3em;
	transition: .3s ease-out;
	font-weight: 500;
  }
  
  .mortgageLoanList span:hover { background: #E9E4E0; }
  .mortgageLoanList span:hover:before { transform: rotate(360deg); }
  .mortgageLoanList span:before {
	content: counter(li);
	counter-increment: li;
	position: absolute;
	left: -1.3em;
	top: 50%;
	margin-top: -1.3em;
	background: #f9dd94;
	height: 2.5em;
	width: 2.5em;
	line-height: 2em;
	border: .3em solid #fff;
	text-align: center;
	font-weight: bold;
	border-radius: 2em;
	transition: all .3s ease-out;
  }

  #mortgageApp{text-align: left !important;font-weight:600;}
  #mortgageApp h5{color:#FFF;font-size: 26px;}
  #mortgageApp span{color:#333;font-size: 18px;}

/**** END MOVING/DOCUMENT CENTER PAGE STYLES ****/


/**** VIDEO PAGE STYLES ****/
.wrapbx-wrapper {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.4s ease;
}
.wrapbx-wrapper.bx-loaded {
    visibility: visible;
    opacity: 1;
}

.bx-wrapper .watchNowBtn {
    position: relative;
    z-index: 1000;
    pointer-events: auto;
}

.sliderCustom .bx-viewport {
    min-height: 420px;
    transition: height 0.3s ease-in-out;
}

.sliderCustom .row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0;
}

.sliderCustom img {
    display: block;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    border: none !important;
    padding: 0 !important;
}

.slide-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 5px;
    background: linear-gradient(180deg,#f8f8f9,#fff);
    border-radius: 6px;
}

.slide-text {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: left;
    max-width: 750px;
    margin: 0 auto;
}

.slide-text h2 {
    font-size: 26px;
    font-weight: 600;
    color: #0f97c4;
    margin-bottom: 15px;
}

.slide-text p {
    flex-grow: 1;
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
    line-height: 1.6;
}

.slide-text .watchNowBtn {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 15px;
    padding: 12px 0;
    font-size: 16px;
    font-weight: 600;
    border-radius: 6px;
    background: #0f97c4;
    border: none;
    color: #fff !important;
    box-shadow: 0 3px 8px rgba(21,180,233,0.3);
    transition: all 0.3s ease;
}
.slide-text .watchNowBtn:hover {
    background: #0f97c4;
    box-shadow: 0 4px 12px rgba(21,180,233,0.5);
}

/* Mobile adjustments */
@media(max-width: 768px){
    .sliderCustom img {
        height: 250px;
    }
    .slide-text h2 {
        font-size: 20px;
    }
    .slide-text p {
        font-size: 14px;
    }
}
@media(max-width: 480px){
    .sliderCustom img {
        height: 200px;
    }
}

.pagination>.active>a{color:#FFF !important;}
.wrapbx-wrapper {
    background: linear-gradient(180deg, #f8f8f9 0%, #ffffff 100%);
    border: 1px solid #eaeaea;
    border-radius: 16px;
    padding: 25px;
    margin-bottom: 20px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}
#videoRowSection .video_header{
    background-color: rgb(248,248,249);
    padding: 15px 8px;
    margin-bottom: 20px;}
#videoRowSection .video_header ul li{font-size:14px;padding: 5px 5px;}
#videoRowSection .video_header ul li::before{font-weight:400;font-family:'Font Awesome 6 Pro';content: "\f144";margin-right:7px;color:#15b4e9;font: var(--fa-font-solid);}
#videoRowSection .video_header ul li a{font-size:14px;font-weight:400;}
#videoPageWrap h1{font-size: 26px;font-weight: 500;margin-top:0px;margin-bottom:10px;color: #15b4e9;}
#videoPageWrap a{font-weight:600;}
#videoPageWrap h1::before{font: var(--fa-font-solid);font-family:'Font Awesome 6 Pro';content: "\f03d";margin-right:7px;}
#videoPageWrap h2{font-size: 18px;font-weight: 500;margin-top:20px;margin-bottom:10px;}
#videoPageWrap h2:first-of-type{font-size: 18px;font-weight: 500;margin-top:10px;margin-bottom:20px;}
#videoPageWrap h3{font-size: 16px;font-weight: 400;margin-top:20px;margin-bottom:10px;}
#videoPageWrap ul li{list-style:none;font-size:16px;}
#videoPageWrap .question_list li {
    list-style: disc;
    font-size: 14px;
    margin-left: 20px;
}
#videoPageWrap blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    border-left: 5px solid #eee;
    color:#696969;
    background-color: rgb(248, 248, 249);
}
#videoRowSection{padding: 15px 8px;}
#videoRowSection .videoRowSectionBox1{width:100%;height:auto;background-color:rgb(248,248,249);margin-bottom:20px;}
#videoRowSection .videoRowSectionBox1 h4{
    font-size: 16px;
    margin: 5px 0 5px 0;
    line-height: 1.25em;
    height: 2.5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
#videoRowSection .videoRowSectionBox2{text-align:center;width:100%;height:auto;background-color:#5bcaef;margin-bottom:20px;padding:15px;}
#videoRowSection .foreclosureLTArticleBox1Img{width:100%;border:none;height:auto;min-height:205px;}
.f_learn_btn{padding: 4px 12px;background-color:#0f97c4;}
#podcast_video_lk{display:none;}
#podcast_video_lk a{font-weight:500;font-size:16px;}

/**** NEW VIDEO SECTION ****/
#new-video-section .videoRowSectionBox1 {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: rgb(248,248,249);
}

#new-video-section .video-thumb img {
    width: 100%;
    height: auto;
    min-height: 205px;
    object-fit: cover;
}

#new-video-section .video-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 10px 15px 15px 15px;
}

#new-video-section .video-label {
    font-size: 12px;
    color: #15b4e9;
}
@media (min-width: 992px) and (max-width: 1200px) {
    #new-video-section .video-body h4 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: none;   /* reset clamp */
        display: block;     /* reset box */
    }
}

#new-video-section .video-desc {
    flex-grow: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;   /* max 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 4.5em;
    margin-bottom: 25px;
}

#new-video-section .f_learn_btn {
    margin-top: auto;
}

@media(max-width: 480px){
	#videoPageWrap h2{margin-top:10px;}
    #podcast_video_lk{display:inline-block;}
}

#first-time-video-section .video-desc {
    flex-grow: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;   /* max 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 4.5em;
    margin-bottom: 25px;
}

#videoSearchForm input {
    height: 40px;
}
#videoSearchForm .listingTypeSearchBtn {
    padding: 3px 12px 0 12px;
    height: 40px;
    margin-right: 10px;
    background-color: #e72a57;
    color: #FFF;
}
#videoSearchForm h4 {
    font-size: 20px !important;
    margin: 0 0 10px 0 !important;
}
#videoSearchForm input {
    font-size: 16px !important;
	padding: 10px 10px !important;
}
#videoSearchForm button {
    font-size: 16px !important;
}
#videoRowSection h3{
	padding-bottom: 5px;
    color: #0f97c4;
    text-transform: uppercase;
    margin-top: 0;
    font-size:22px
}

.watchNowBtn{
	color: #fff;
	background-color: #15b4e9;
	border-color: #2ca4cc;
	}
.watchNowBtn:hover{
	color: #fff;
	background-color: #2ca4cc !important;
	border-color: #15b4e9;

}

#videoRowSectionAdd h3{
	padding-bottom: 5px;
    color: #15b4e9;
    text-transform: uppercase;
    margin-top: 0;
}
#videoRowSectionAdd ul{padding-left:0;}
#videoRowSectionAdd ul li {
    list-style: none;
    margin: 5px 0;
    height: 60px;
    padding: 8px;
    border: 1px solid #e7e7e7;
	background-color: #f9f9f9;
}
#videoRowSectionAdd ul li a img{margin-right:5px;}

#videoRowSectionAdd a {
    color: #333;
    font-weight: 500;
    text-decoration: none;
}

#videoRowSectionAddTwo h3{
	padding-bottom: 5px;
    color: #15b4e9;
    text-transform: uppercase;
    margin-top: 0;
}

#videoRowSectionAddTwo ul{padding-left:0;}
#videoRowSectionAddTwo ul li {
    list-style: none;
    margin: 5px 0;
    padding: 5px 0;

}
#videoRowSectionAddTwo ul li a img{margin-right:5px;}

#videoRowSectionAddTwo a {
    color: #333;
    font-weight: 500;
    text-decoration: none;
}
.light-gray-box-wrapper {
    background: #eee;
}
.light-gray-box-sized-content {
    width: 300px;
    height: 250px;
    background: #ccc;
    color: #999;
    margin: 0 auto;
}

#videoPageWrap .foreclosureForecast h2{font-size:16px;font-weight:500;font-style: italic;}
#videoPageWrap .foreclosureForecast img{width: 100%;height: auto;}
#videoPageWrap .foreclosureForecast h3{font-size:18px;font-weight:500;}
#videoPageWrap .foreclosureForecast h4{font-size:14px;font-weight:600;margin:20px 0;color: #15b4e9;}
#videoPageWrap .forecastLks p{font-weight:500;}
#videoPageWrap .forecastLks .title{font-weight:500;font-size:20px;}
#videoPageWrap .forecastLks i{color: #15b4e9;font-size:16px;}
#videoPageWrap .forecastLks p{font-weight:500;}
#videoPageWrap .forecastLksFDC {font-size:16px;}
#videoPageWrap .forecastLksFDC .title{font-weight:500;font-size:20px;}
#videoPageWrap .forecastLksFDC i{color: #15b4e9;font-size:16px;}
#videoModal .modal-header{border:none;}
#videoModal .modal-title{color: #15b4e9;font-size:18px;font-weight:600;padding: 10px 0 0 0;}

.article-meta-subtle {
    font-size: 14px;
    color: #6c757d;
    margin-top: 6px;
    margin-bottom: 10px;
}

.meta-author {
    color:#555;
    font-weight: normal !important;
}

.meta-author:hover {
    color:#555;
    text-decoration: none;
}

.article-meta-subtle strong {
    font-weight: 600;
}

.meta-separator {
    margin: 0 6px;
    color: #aaa;
}


/**** MOBILE APP PAGE STYLES ****/
#mobilePhoneHeader p{font-size:28px;font-family: 'Open Sans', sans-serif;font-weight:100;color:#4d4b4b;line-height:40px;}
#mobilePhoneContentLower p {font-size:22px;font-family: 'Open Sans', sans-serif;font-weight:100;color:#4d4b4b;line-height:40px;}
#mobilePhoneHeader{
    padding:10px 0 0 0;
    margin-bottom:20px;
    background-size: cover !important;
    background: linear-gradient(
        to bottom,
        rgb(0,131,176, 0.8),
        rgb(0,180,219, 0.8)
    ),url('/static/css/cobrands/foreclosedhomes/foreclosedHomesHomeImg-8d4814156e6df9a20293e53c6eb5b557.jpg');
}
#mobilePhoneHeader .mobilePhoneContent{margin:0;padding: 45px 30px 0 30px;}
#mobilePhoneHeader .headerAppPreview{width:100%;height:auto;max-width:350px;max-height:445px;}
#mobilePhoneHeader .mobilePhoneContent h1{color:#FFF;font-size:42px;font-weight:600;}
#mobilePhoneHeader .mobilePhoneContent h2{color:#FFF;font-size:28px;margin-top:10px;font-weight: 500;}
#mobilePhoneHeader .mobilePhoneContent p{color:#FFF;line-height:normal;font-size: 24px;}
.downloadBtnApple{width:232px;height:69px;margin-top:20px;}
.downloadBtnGoogle{height:69px;margin-top:20px;}
#mobilePhoneContentLower h3{font-size: 36px;}
#mobilePhoneContentLower h4{font-size: 26px;}
@media (max-width: 480px) {
	#mobilePhoneHeader p{font-size:22px;font-family: 'Open Sans', sans-serif;font-weight:100;color:#4d4b4b;}
	#mobilePhoneContentLower p {font-size:22px;font-family: 'Open Sans', sans-serif;font-weight:100;color:#4d4b4b;}
    #mobilePhoneHeader .mobilePhoneContent{margin:0;padding: 20px 10px 0 10px;}
    #mobilePhoneHeader .mobilePhoneContent h1 {color: #FFF;font-size: 34px;font-weight: 600;}
    #mobilePhoneHeader .mobilePhoneContent h2 {color: #FFF;font-size: 24px;font-weight: 600;}
    .downloadBtnApple{width:232px;height:69px;margin-top:10px;}
    .downloadBtnGoogle{height:69px;margin-top:10px;}
    #mobilePhoneContentLower h3{font-size: 32px;}
    #mobilePhoneContentLower h4{font-size: 26px;}
}

#listingTypePageStaticWrap h3{font-size:30px;margin: 5px 0;}
#listingTypePageStaticWrap h4{font-size:20px;margin: 20px 0 5px 0;}
.contentDividerBar{background-color:#0f97c4;color:#FFF;padding:5px;font-weight: 500;font-size: 18px;text-align:center;}


/** BX Slider on Video Page
===================================*/

.bx-wrapper {
	position: relative;
	margin-bottom: 60px;
	padding: 0;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
  }
  .bx-wrapper img {
	max-width: 100%;
	display: block;
  }
  .bxslider {
	margin: 0;
	padding: 0;
  }
  ul.bxslider {
	list-style: none;
  }
  .bx-viewport {
	-webkit-transform: translatez(0);
  }

  .bx-wrapper {
	/* -moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: 5px solid #fff;
	background: #fff; */
  }
  .bx-wrapper .bx-pager,
  .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
  }
  /* LOADER */
  .bx-wrapper .bx-loading {
	min-height: 50px;
	/* background: url('images/bx_loader.gif') center center no-repeat #ffffff; */
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
  }
  /* PAGER */
  .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
  }
  .bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
  }
  .bx-wrapper .bx-pager.bx-default-pager a:hover,
  .bx-wrapper .bx-pager.bx-default-pager a.active,
  .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #000;
  }
  .bx-wrapper .bx-pager-item,
  .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	vertical-align: bottom;
	*display: inline;
  }
  .bx-wrapper .bx-pager-item {
	font-size: 0;
	line-height: 0;
  }
  /* DIRECTION CONTROLS (NEXT / PREV) */
  .bx-wrapper .bx-prev {
	left: 10px;
	background: url('images/controls.png') no-repeat 0 -32px;
  }
  .bx-wrapper .bx-prev:hover,
  .bx-wrapper .bx-prev:focus {
	background-position: 0 0;
  }
  .bx-wrapper .bx-next {
	right: 10px;
	background: url('images/controls.png') no-repeat -43px -32px;
  }
  .bx-wrapper .bx-next:hover,
  .bx-wrapper .bx-next:focus {
	background-position: -43px 0;
  }
  .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
  }
  .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
  }
  /* AUTO CONTROLS (START / STOP) */
  .bx-wrapper .bx-controls-auto {
	text-align: center;
  }
  .bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url('images/controls.png') -86px -11px no-repeat;
	margin: 0 3px;
  }
  .bx-wrapper .bx-controls-auto .bx-start:hover,
  .bx-wrapper .bx-controls-auto .bx-start.active,
  .bx-wrapper .bx-controls-auto .bx-start:focus {
	background-position: -86px 0;
  }
  .bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url('images/controls.png') -86px -44px no-repeat;
	margin: 0 3px;
  }
  .bx-wrapper .bx-controls-auto .bx-stop:hover,
  .bx-wrapper .bx-controls-auto .bx-stop.active,
  .bx-wrapper .bx-controls-auto .bx-stop:focus {
	background-position: -86px -33px;
  }
  /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
  .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
  }
  .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
  }
  /* IMAGE CAPTIONS */
  .bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
  }
  .bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
  }

/**** PODCASTS PAGE STYLES ****/

#podcastPageWrap .podcastsMainContent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #2ca4cc1c;
    padding:10px 2px;
}

#podcastPageWrap .content-container {
    display: flex;
    align-items: flex-start;
}
#podcastPageWrap .icon-rss{color:#f5a623;}

#podcastPageWrap .image-container {
    margin-right: 10px;
    align-self: flex-start;
}

#podcastPageWrap .image-container img {
    max-width: 100%;
    height:120px;
}

#podcastPageWrap .text-container {
    flex: 1;
}

#podcastPageWrap .text-container h1{
    font-size:32px;
}
#podcastPageWrap .text-container h2{
    margin:8px 0;
    padding:0 0 0 5px;
    font-weight:300;
    color:#555;
    font-size:18px;
}
#podcastPageWrap .text-container p {
    margin: 10px 0;
}
#podcastPageWrap .video_ref_lk {font-size:16px;}
#podcastPageWrap .video_ref_lk i{color:#ff0000;}

#podcastsMainContentItems {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding:10px;
}
.podcastHighlight{background-color: rgb(248,248,249);}

#podcastsMainContentItems .podcastsMainContentItem {
    display: flex;
    align-items: flex-start;
}

#podcastsMainContentItems .icon-container {
    margin-right: 10px;
}

#podcastsMainContentItems .icon-container i {
    /* Add Font Awesome icon styles here */
    color: #2ca4cc;
}

#podcastsMainContentItems .content-container {
    display: flex;
    flex-direction: column;
}

#podcastsMainContentItems .content-container h3 {
    margin: 0;
}

#podcastsMainContentItems .content-container p {
    margin: 0;
    margin-top: 5px; /* Adjust the margin as needed for spacing */
}

#podcast_video_item{
    width: 100%;
    padding: 0 10px 0 0;
    margin-bottom: 10px;
}
#podcastPageWrap ul {padding-left:5px; margin-top: 5px;}
#podcastPageWrap ul li{list-style: none;margin:5px 0;font-size:16px;}

@media(max-width: 480px){
    #podcastPageWrap .image-container img {
        max-width: 50px;
        height: 50px;
    }
    #podcastPageWrap .text-container h1 {
        margin-top:0;
        font-size:22px;
    }
    #podcastPageWrap .text-container h2 {
        font-size:16px;
    }
    #podcastsMainContentItems .icon-container i {
        font-size: 22px;
        color: #2ca4cc;
    }
}
.rss_podcasts a {
    text-decoration:none;
    font-family: "Open Sans",sans-serif;
    color: #555;
    font-weight: 300;}

#podcastsMainContentItems .icon-external-link-sign {
    color: #2ca4cc;
}

/*************FORECLOSURE NEWS PRESS RELEASES*******************/
#press_release_main .pressMainContent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #2ca4cc1c;
    padding:10px 2px;
}

#press_release_main .content-container {
    display: flex;
    align-items: flex-start;
}
#press_release_main .icon-rss{color:#f5a623;}

#press_release_main .image-container {
    margin-right: 10px;
    align-self: flex-start;
}

#press_release_main .image-container img {
    max-width: 100%;
    height:120px;
}

#press_release_main .text-container {
    flex: 1;
}

#press_release_main .text-container h1{
    font-size:32px;
}
#press_release_main .text-container h2{
    margin:8px 0;
    font-weight:300;
    color:#555;
    font-size:18px;
}
#press_release_main .text-container p {
    margin: 10px 0;
}
#press_release_main .video_ref_lk {font-size:16px;}
#press_release_main .video_ref_lk i{color:#ff0000;}

#pressReleaseMainContentItems {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 10px;
    border-bottom: 1px solid #efefef;
}

#pressReleaseMainContentItems:nth-child(odd) {
    background-color: rgb(248,248,249, 0.6);
}

#press_release_mainHighlight{background-color: rgb(248,248,249);}

#pressReleaseMainContentItems .press_releaseMainContentItem {
    display: flex;
    align-items: flex-start;
}

#pressReleaseMainContentItems .icon-container {
    margin-right: 10px;
}

#pressReleaseMainContentItems .icon-container i {
    /* Add Font Awesome icon styles here */
    color: #2ca4cc;
}

#pressReleaseMainContentItems .content-container {
    display: flex;
    flex-direction: column;
}
#pressReleaseMainContentItems .content-container h3 {
    color:#337ab7;
}
#pressReleaseMainContentItems .pressReleaseDetails{
    font-weight: 400;
    font-size:16px;
}
#pressReleaseMainContentItems .content-container p{
    font-size:14px;
}

#pressReleaseMainContentItems .content-container h3 {
    margin: 0;
}

#pressReleaseMainContentItems .content-container p {
    margin: 0;
    margin-top: 5px; /* Adjust the margin as needed for spacing */
}

#press_release_item{
    width: 100%;
    padding: 0 10px 0 0;
    margin-bottom: 10px;
}

#press_release_main .card {
    background: #0f97c4;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    margin: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    text-decoration: none;
    color: #FFF;
    flex: 1 1 calc(33.3333% - 20px);
    max-width: calc(33.3333% - 20px);
}
#press_release_main .card i {
    color: #337ab7;
    margin-right: 8px;
}
#press_release_main .card:hover {
    background-color: #0f97c4ba !important;
    text-decoration: none !important;
    color:#FFF !important;
}
#press_release_main .row-flex {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-weight:500;
    margin:20px 0;
    font-size:16px;
}

#press_release_main .videoCard::before {
    content: "\f144"; /* Font Awesome star icon */
    font-family:"Font Awesome 6 Pro"; /* Adjust for your Font Awesome version */
    font-weight: 900; /* Adjust for your Font Awesome version */
    color: #FFF; /* Example color */
    margin-right: 8px;
    position: absolute;
    left: 10px;
    font: var(--fa-font-solid);
}
#press_release_main .pressCard::before {
    content: "\f007"; /* Font Awesome star icon */
    font-family:"Font Awesome 6 Pro"; /* Adjust for your Font Awesome version */
    font-weight: 900; /* Adjust for your Font Awesome version */
    color: #FFF; /* Example color */
    margin-right: 8px;
    position: absolute;
    left: 10px;
    font: var(--fa-font-solid);
}
#press_release_main .pdfCard::before {
    content: "\f002"; /* Font Awesome star icon */
    font-family:"Font Awesome 6 Pro"; /* Adjust for your Font Awesome version */
    font-weight: 900; /* Adjust for your Font Awesome version */
    color: #FFF; /* Example color */
    margin-right: 8px;
    position: absolute;
    left: 10px;
    font: var(--fa-font-solid);
}

@media(max-width: 480px){
    #press_release_main .card {
        max-width: none !important;
        flex: none;
        margin: 5px 0;
    }
    #press_release_main .text-container h1 {
        margin-top:0;
        font-size:22px;
    }
    #press_release_main .text-container h2 {
        font-size:16px;
    }

    #press_release_main .image-container {
        margin-right: 0 !important;
    }
    #press_release_main .image-container img {
        max-width: 100%;
        height: 30px;
    }
}

/*************TURN ON THE ALERTS PAGE*******************/
#turn_on_the_alerts{
    padding:40px 0 40px 0;
    background-size: cover !important;
    background: linear-gradient(
            to bottom,
            rgb(0,131,176, 0.8),
            rgb(0,180,219, 0.8)
    ),url('/static/css/cobrands/foreclosedhomes/foreclosedHomesHomeImg-8d4814156e6df9a20293e53c6eb5b557.jpg');
}
#turn_on_the_alerts h1{color:#15b4e9;}
#turn_on_the_alerts .form-box{background:rgb(255,255,255, 1);border-radius:5px;}
#turn_on_the_alerts .btn{font-size:24px;font-weight:700;}
#turn_on_the_alerts  .form-control{font-size:16px;}

#turn_on_the_alerts_success{
    padding:30px 0 40px 0;
    background-size: cover !important;
    background: linear-gradient(
            to bottom,
            rgb(0,131,176, 0.8),
            rgb(0,180,219, 0.8)
    ),url('/static/css/cobrands/foreclosedhomes/foreclosedHomesHomeImg-8d4814156e6df9a20293e53c6eb5b557.jpg');
}
#turn_on_the_alerts_success .top-success h1{color:#FFF;font-size: 40px;margin-bottom: 5px; font-weight:700;}
#turn_on_the_alerts_success .top-success p{color: #FFF;font-size: 18px;}

#turn_on_the_alerts_success h2{font-size: 26px;margin-bottom: 5px; margin-top: 10px; }
@media(max-width: 480px) {
    #turn_on_the_alerts .form-control{font-size:18px;height:42px;}
    #turn_on_the_alerts_success .form-control{font-size:18px;height:42px;}
    #turn_on_the_alerts_success .top-success h1{ font-weight:700;color:#FFF;font-size: 36px;margin-bottom: 5px; }
    #turn_on_the_alerts_success h2 {
        font-size: 22px;
        margin-bottom: 5px;
        margin-top: 10px;
    }
}
#turn_on_the_alerts_success hr{margin-bottom: 15px;}
#turn_on_the_alerts_success .form-box{background:rgb(255,255,255, 1);border-radius:5px;}
#turn_on_the_alerts_success .continue-btn{font-size:24px;font-weight:700;}
#turn_on_the_alerts_success  .form-control{font-size:16px;}
#turn_on_the_alerts_success .prefilled-values {
    font-size: 16px;
    color: #16b4e9;
}
#turn_on_the_alerts_success .edit-row{font-size:16px;}
@keyframes softShake {
    0%   { transform: translateX(0); }
    20%  { transform: translateX(-4px); }
    40%  { transform: translateX(4px); }
    60%  { transform: translateX(-3px); }
    80%  { transform: translateX(3px); }
    100% { transform: translateX(0); }
}

.shake-once {
    animation: softShake 0.8s ease-in-out;
}

#mortgageLoader.loader-overlay {
    position: fixed !important;
    bottom: 100px !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(255,255,255,0.80) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999999 !important; /* override ANYTHING */
}

.progress-wrapper {
    width: 275px;
    text-align: center;
    font-family: Arial, sans-serif;
}

.progress-wrapper p {
    font-size: 26px;
    font-weight: 400;
    color: #27ae60;
    margin-bottom: 12px;
}

.progress-bar {
    height: 10px;
    width: 0;
    background: #27ae60cc;
    border-radius: 8px;
    animation: loadMortgage 1.6s 1;
    animation-fill-mode: forwards;
}
@keyframes loadMortgage {
    0%   { width: 0; }
    30%  { width: 30%; }
    60%  { width: 60%; }
    80%  { width: 80%; }
    100% { width: 100%; }
}

.checklist_box {
    list-style: none;
    margin: 5px 0 10px 0;
    padding-left: 0;
}

.checklist_box li {
    position: relative;
    padding-left: 26px;
}

.checklist_box li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 14px;
    height: 14px;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    box-sizing: border-box;
}

.checklist_box li.completed::after {
    content: "✓";
    position: absolute;
    left: 2px;
    top: 0;
    font-size: 14px;
    line-height: 14px;
}

/********ABOUT PAGE************/

.about-wrap {
    font-size: 15px;
    line-height: 1.75;
    color: #2c2c2c;
}

.about-hero {
    position: relative;
    background-image: url('/static/css/cobrands/fdc/img/about_foreclosurecom-b3f1c4b208b73d38e588bd00978044a5.webp');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0px 0 90px 0;
    color: #ffffff;
}

.about-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.35);
}

.about-hero .container {
    position: relative;
    z-index: 2;
}

.about-hero h1 {
    font-weight: 700;
    letter-spacing: -0.5px;
    margin-top: 15px;
}

.about-hero p {
    max-width: 920px;
    margin: 15px auto 0;
    font-size: 17px;
    color: #e5e7eb;
}
.hero-top {
    position: relative;
    z-index: 3;
    padding-top: 12px;
    padding-bottom:50px;
}

.hero-breadcrumbs {
    font-size: 13px;
    color: #ffffff;
    opacity: 0.9;
}

.hero-breadcrumbs a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
}

.hero-breadcrumbs a:hover {
    text-decoration: underline;
}

.hero-breadcrumbs span {
    opacity: 0.7;
}

.about-section {
    padding: 30px 0;
}

.about-section h2 {
    font-weight: 700;
    margin-bottom: 18px;
}

.about-section h3 {
    font-weight: 600;
    margin-top: 30px;
}

.about-section p {
    margin-bottom: 18px;
}

.about-list li {
    margin-bottom: 10px;
}

.about-list i {
    color: #12aee7;
    margin-right: 8px;
}

.about-list a {
    font-weight: 600;
}

.about-divider {
    height: 1px;
    background: #e5e7eb;
    margin: 50px 0;
}

.workflow li {
    margin-bottom: 8px;
}

.workflow i {
    color: #059669;
    margin-right: 6px;
}

.value-box li {
    margin-bottom: 10px;
}

.value-box i {
    color: #10b981;
    margin-right: 6px;
}

@media (max-width: 767px) {
    .about-hero {
        padding: 0 0 70px 0;
    }
}

.offer-card {
    background: rgb(248, 248, 249);
    border: 1px solid #e3e5e8;
    border-radius: 6px;
    padding: 30px 28px;
    margin-bottom: 30px;
    position: relative;
    transition: all 0.25s ease;
}

.offer-card:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background: #12aee7;
    border-radius: 6px 6px 0 0;
}

@media (min-width: 992px) {
    .offer-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 20px rgba(0,0,0,0.08);
        background: #ffffff;
    }
}

.offer-card h3 {
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 600;
}

.offer-card h3 i {
    margin-right: 8px;
    color: #4b5563;
}

.offer-card ul li i {
    color: #12aee7;
}

.why-section {
    background: rgb(248, 248, 249);
    padding: 50px 40px;
    margin-top: 40px;
    border-radius: 8px;
}

.why-section p.intro {
    max-width: 760px;
    font-size: 16px;
    margin-bottom: 35px;
}

.why-item {
    margin-bottom: 25px;
}

.why-item {
    margin-bottom: 26px;
}

.why-head {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}

.why-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #e6f6fb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 14px;
    flex-shrink: 0;
}

.why-icon i {
    color: #12aee7;
    font-size: 18px;
}

.why-title {
    font-weight: 600;
    font-size: 15px;
}

.why-desc {
    margin-left: 56px;
    font-size: 14px;
    color: #555;
}

.why-footer {
    margin-top: 30px;
    max-width: 780px;
    font-size: 15px;
}

h2.our-purpose::before {
    content: "\f140";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    color: #12aee7;
    margin-right: 10px;
}

h2.what-we-offer::before {
    content: "\f5fd";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    color: #12aee7;
    margin-right: 10px;
}

h2.why-this-matters::before {
    content: "\f2f7";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    color: #12aee7;
    margin-right: 10px;
}

.about-section h2 {
    display: flex;
    align-items: center;
}
.data-section {
    margin-top: 40px;
}

.data-sources {
    margin: 20px 0 30px;
}

.data-sources li {
    margin-bottom: 10px;
}

.data-sources i {
    color: #12aee7;
    margin-right: 8px;
}

.data-workflow {
    background: rgb(248, 248, 249);
    border: 1px solid #e3e5e8;
    border-radius: 8px;
    padding: 30px 28px;
    margin-top: 20px;
}

.data-workflow h3 {
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 600;
}

.workflow-step {
    display: flex;
    align-items: flex-start;
    margin-bottom: 14px;
}

.workflow-step i {
    color: #12aee7;
    margin-right: 10px;
    margin-top: 3px;
}

h2.how-we-get-our-data::before {
    content: "\e0e3";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    color: #12aee7;
    margin-right: 10px;
}


/********HOW TO FIND OUT IF A HOUSE IS IN FORECLOSURE PAGE************/

#how-to-find-wrap {
    font-size: 15px;
    line-height: 1.75;
    color: #2c2c2c;
}

#how-to-find-wrap .how-to-find-hero {
    position: relative;
    background-image: url('/static/css/cobrands/fdc/img/how-to-find-out-if-a-house-is-in-foreclosure-9b424d32acf1f4e90ac7da723e2f3793.webp');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0px 0 90px 0;
    color: #ffffff;
}

#how-to-find-wrap .how-to-find-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.25);
}

#how-to-find-wrap .how-to-find-hero .container {
    position: relative;
    z-index: 2;
}

#how-to-find-wrap .how-to-find-hero h1 {
    font-weight: 700;
    letter-spacing: -0.5px;
    margin-top: 15px;
}

#how-to-find-wrap .how-well{
    min-height: 20px;
    padding: 19px;
    background-color: rgb(248, 248, 249);
    margin-bottom: 20px;
    /* background-color: #f5f5f5; */
    /* border: 1px solid #e3e3e3; */
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
#how-to-find-wrap .how-well a {
    color:#2c2c2c;
}
#how-to-find-wrap .how-well a:hover {
    color:#777676;
    text-decoration: none;
}

#how-to-find-wrap .sub-l {
   color: #15b4e9 !important;
    font-weight: 500;
}

#how-to-find-wrap .signs::before{
    content: "\f757";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    color: #15b4e9;
    margin-right: 6px;
    margin-left:5px;
}
#how-to-find-wrap .tips::before{
    content: "\f652";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    color: #15b4e9;
    margin-right: 8px;
}

#how-to-find-wrap .how-to-find-section h2 { margin-top: 20px; color: #1a1a1a; font-weight: 800; border-bottom: 2px solid #0056b3; padding-bottom: 10px; }
#how-to-find-wrap .how-to-find-section h3 { margin-top: 20px; color: #333; font-weight: 700; }
#how-to-find-wrap .state-diff-box { background: #f4f7fa; border-left: 6px solid #0056b3; padding: 25px; margin: 25px 0; border-radius: 4px; }
#how-to-find-wrap .state-diff-box a{font-weight:600;}
#how-to-find-wrap .cta-box { background: linear-gradient(135deg, #eef4ff 0%, #d0e0fb 100%); border: 1px solid #a3c1f5; padding: 35px; border-radius: 12px; text-align: center; margin: 40px 0; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
#how-to-find-wrap .expertise-badge { display: inline-block; background: #e8f5e9; color: #2e7d32; padding: 5px 15px; border-radius: 20px; font-size: 12px; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; }
#how-to-find-wrap .content-card { background: #fff; border: 1px solid #eee; padding: 20px; border-radius: 8px; margin-bottom: 20px; }
#how-to-find-wrap .cta-box h3::before{
    content: "\f0e7";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    color: #15b4e9;
    margin-right: 6px;
}

#how-to-find-wrap .how-to-find-hero p {
    max-width: 920px;
    margin: 15px auto 0;
    font-size: 17px;
    color: #e5e7eb;
}
#how-to-find-wrap .how-to-find-hero-top {
    position: relative;
    z-index: 3;
    padding-top: 12px;
    padding-bottom:50px;
}

#how-to-find-wrap .how-to-find-hero-breadcrumbs {
    font-size: 13px;
    color: #ffffff;
    opacity: 0.9;
}

#how-to-find-wrap .how-to-find-hero-breadcrumbs a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
}

#how-to-find-wrap .how-to-find-hero-breadcrumbs a:hover {
    text-decoration: underline;
}

#how-to-find-wrap .how-to-find-hero-breadcrumbs span {
    opacity: 0.7;
}

#how-to-find-wrap .how-to-find-section {
    padding: 30px 0;
}

#how-to-find-wrap .about-list li {
    margin-bottom: 10px;
}

#how-to-find-wrap .about-list i {
    color: #12aee7;
    margin-right: 8px;
}

#how-to-find-wrap .about-list a {
    font-weight: 600;
}

/***********FEATURED LISTINGS************/
#featued-listing-thumbnail{
    position: relative;
    overflow: hidden;
    border-radius: 0;
    padding:0;
    border:none;
    margin: 0 0 10px 0;
}
#featued-listing-thumbnail a{color: #666;text-decoration: none;}
#featued-listing-thumbnail .image{margin: 0;height: 100%;}
#featued-listing-thumbnail .image img{
    max-width: none;
    height: 100%;
    max-height: 100%;
}
#featued-listing-thumbnail .listingphoto{
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
    z-index: 0;
}
#featued-listing-thumbnail .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 20px);
    z-index: 2;
    color: #fff;
}
#featued-listing-thumbnail .caption p{ margin: 0;}
#featued-listing-thumbnail .caption h3{  margin-top: 0;}
#featued-listing-thumbnail .caption div {
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    color: #FFF;
}
#featued-listing-thumbnail .caption p{margin: 0;}
#featued-listing-thumbnail .caption h3{ margin-top: 0;}
#featued-listing-thumbnail .caption div{font-weight: 600;
    font-size: 14px;
    line-height: normal;
    color: #FFF;
}
#featued-listing-thumbnail .caption .price {
    font-size:18px;
    text-transform: capitalize;
}
#featued-listing-thumbnail .street {
    text-transform: capitalize;
    white-space: nowrap;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
#featued-listing-thumbnail .city {
    text-transform: capitalize;
    white-space: nowrap;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
#featued-listing-thumbnail  span.state {
    text-transform: uppercase;
}
.thumbnail .thumbnail-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 1;
}

.table-responsive {
    overflow: hidden;
    margin-bottom: 0;
    border: 0 none;
}
#featuredListingCarousel .carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: none;
    margin: 0;
    padding: 0;
    background:none;
}

.carousel-control {
    .icon-chevron-left, .icon-chevron-right {
        font-size: 30px;
        height: 30px;
        margin-top: -15px;
        width: 30px;
    }

    .icon-chevron-left {
        display: inline-block;
        position: absolute;
        top: 50%;
        z-index: 5;
        left: 0;
        right: auto;
    }

    .icon-chevron-right {
        display: inline-block;
        position: absolute;
        top: 50%;
        z-index: 5;
        margin-right: -5px;
        right: 0;
        left: auto;
    }

    .icon-chevron-left {
        margin-left: -5px;
        left: 50%;
    }
}
#featuredListingCarousel .carousel-control .fa-solid {
    font-size: 28px;
    line-height: 1;
    display: block;
}
#fdc_featured_listings {
    overflow: hidden;
}

.listing {
    display: inline-block;
}

@media (max-width: 480px) {
    #featued-listing-thumbnail .listingphoto {
        width: 100%;
        height: 150px;
        background-size: cover;
        background-position: center;
        z-index: 0;
    }
}
@media (min-width: 480px) and (max-width: 990px) {
    #featuredListingWrap p {
        margin: 10px 0 20px 0;
        font-size: 20px !important;
    }
    #carousel-hero-message h1{
        font-size: 36px;
    }
}

@media (max-width: 479px) {
    #fdc_featured_listings {
        overflow: hidden;
        height: auto;
    }
}

@media (max-width: 480px) {
    #featuredListingWrap {
        margin: -1px 0 10px 0 !important;
        min-height: 50px;
        padding: 5px 0;
        background-color: #337ab7;
        height: 50px;
    }
    #featuredListingWrap .featuredListingTitle {
        min-height: 40px;
        padding: 0;
        font-size: 20px !important;
        margin: 10px 0;
        color: #FFF;
        font-weight: 400;
    }
    #featuredListingWrap p {
        font-size: 14px !important;
        font-weight: 400;
        padding: 5px 0;
    }

    #featuredListingWrapAlert {
        margin: 10px 0 0 0;
        min-height: 250px;
        text-align: center;
        height: 250px;
    }
    #featuredListingWrapAlert .featuredListingTitle {
        padding: 0;
        font-size: 18px;
        margin: 10px 0 0 0 !important;
    }
    #featuredListingWrapAlert p {
        font-size: 14px !important;
        margin: 0;
    }
}

#featuredListingWrap {
    text-align: center;
    margin: 10px 0;
}

#featuredListingWrap p {
    margin: 10px 0 20px 0;
    font-size: 24px;
}

.featured-view-more {
    text-align: right;
    padding-right:5px;
}

.featured-view-more a {
    font-weight: 600;
    color: #15b4e9;
    text-decoration: none;
}

.featured-view-more a:hover {
    text-decoration: underline;
}
.featured-listings-header {
    margin-bottom: 12px;
    padding-left: 10px;
}

.featured-listings-header .eyebrow {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #15b4e9;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.featured-listings-header .title {
    margin: 4px 0 0;
    font-size: 20px;
    font-weight: 600;
    color: #555;
}
.carousel-inner .item > div {
    display: none;
}

.carousel-inner .item.active > div {
    display: block;
}
@media (min-width: 768px) {
    .carousel-inner .item.active > div:nth-child(-n+2) {
        display: block;
    }
}
@media (min-width: 992px) {
    .carousel-inner .item.active > div:nth-child(-n+3) {
        display: block;
    }
}

/***********MOBILE STICKY FORM************/
#fdc_details_mobile_banner{
    background: rgb(239 244 248);
    border-top: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 -10px 25px rgba(0,0,0,0.12);
    padding: 14px 0 16px;
}
#fdc_details_mobile_banner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(
            to right,
            transparent,
            rgba(21,180,233,0.35),
            transparent
    );
}
#fdc_details_mobile_banner h3{margin:0; font-weight:600; color:#FFF;font-size:20px;}
#fdc_details_mobile_banner .location{font-size:14px; color:#FFF; margin-top:2px;font-weight:600;}
#fdc_details_mobile_banner .details_btn{display:flex; align-items:center; justify-content:flex-end;}
#fdc_details_mobile_banner .btn{font-weight:bold;background:#15b4e9;font-size:16px;color:#FFF;}
#fdc_details_mobile_banner .info_labels{margin-top:6px; display:flex; flex-wrap:wrap; gap:6px;}
#fdc_details_mobile_banner .label_status{border-radius: 10px;background:#28a745; color:#fff; font-size:12px; padding:4px 10px; display:inline-block; white-space:nowrap;}
#fdc_details_mobile_banner .label_details{border-radius: 10px;background:#FFF; color:#333; font-size:12px; padding:4px 10px; display:inline-block; white-space:nowrap;}
#fdc_details_mobile_banner .cta_form_title {
    font-weight: 600;
    font-size: 15px;
    color: #0f172a;
    margin-bottom: 8px;
    letter-spacing: -0.2px;
}

#fdc_details_mobile_banner .cta_badges {
    margin-bottom: 6px;
}

#fdc_details_mobile_banner .cta_badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 400;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(16,185,129,0.12);
    color: #065f46;
}

#fdc_details_mobile_banner .live_dot {
    width: 6px;
    height: 6px;
    background: #10b981;
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(16,185,129,0.25);
}