/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 23 2024 | 11:16:11 */
.company-review-quote {
	text-align: right
}

.ad-container {
	max-width: 800px!important
}

.ad-logo {
	padding: 0 10px
}

.vc_btn3.vc_btn3-size-md {
	font-size: 20px!important;
	font-weight: 700!important
}

.ad-banner-heading {
	font-size: 38px!important;
	font-weight: 700;
	padding-left: 10%;
	padding-right: 10%
}

@media only screen and (min-width:641px) and (max-width:767px) {
	.ad-banner-heading {
		font-size: 30px!important;
		font-weight: 700;
		padding-left: 10%;
		padding-right: 10%
	}
}

@media only screen and (max-width:640px) {
	.ad-banner-heading {
		font-size: 30px!important;
		font-weight: 700;
		padding-left: 5%;
		padding-right: 5%
	}
}

.ad-banner-heading-left {
	font-size: 38px!important;
	font-weight: 700
}

@media only screen and (min-width:641px) and (max-width:1023px) {
	.ad-banner-heading-left {
		font-size: 30px!important;
		font-weight: 700
	}
}

@media only screen and (max-width:640px) {
	.ad-banner-heading-left {
		font-size: 30px!important;
		font-weight: 700
	}
}

.inner-border {
	outline: 1px solid #fff;
	outline-offset: -8px
}

.disclaimer-text {
	font-size: 14px!important;
	color: #999
}

/* h3 {
	font-size: 22px!important
} */
/*to hide any row or element on mobile screens use this  */
@media only screen and (min-width:641px) {
    .mobile-only{
        display: none !important;
    }
}

/*to hide any row or element on NON mobile screens use this  */
@media only screen and (max-width:640px) {
    .non-mobile-only{
        display: none !important;
    }
}

/* to hide section in learning center with less content like Reviews or Common Questions 
for example DI and Mortgae insurance  */
 .mortgage-insurance .section_4{
	display: none;
}
 .mortgage-insurance .section_5{
	display: none;
}
 .disability-insurance .section_4{
	display: none;
}
 .travel-insurance .section_4{
	display: none;
}
 .insurance-companies .section_4{
	display: none;
}
 .insurance-companies .section_5{
	display: none;
}
.about-row{
    padding:0 10%;
}
@media only screen and (max-width: 640px) and (min-width: 340px){
.about-row{
    padding:0 5px 0 5px;
}
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
.about-row{
    padding:0 5%;
}
}
/* Ad page sub-heading should be center aligned on ipad and mobiles */
.ad-subheading p{
  text-align:left;
  font-size:24px;
}
@media only screen and (max-width: 991px) {
.ad-subheading p{
  text-align:center;
  font-size:22px;
}
}
.ad_page_heading{
    font-size:32px;
    line-height: 32px;
	margin: 5px 0 15px 0;
}
@media only screen and (max-width: 640px) {
	.ad_page_heading{
		padding-top: 50px;
	}
}
.vc_btn3-container.vc_btn3-inline{
	white-space: pre-wrap;
}
@media only screen and (max-width: 640px) {
	.mobile_thumbnail{
		max-width:100px;
		margin-bottom: 0px;
	}
}
/* Added on 21 Dec 2023 */
/* Styling for a checked list using Font Awesome 5 */
/* Applies a checked circle icon before list items */
.checked-list li {
  position: relative;
  padding-left: 42px; /* Space for the icon */
  padding-top: 8px;
  margin-bottom: 10px;
}

.checked-list li::before,.checked-list li::marker {
  font-family: 'Font Awesome 5 Free';
  content: '\f00c'; /* Unicode for checked circle icon in Font Awesome 5 */
  font-weight: 900;
  position: absolute;
  left: 10px;
  top: 10px; /* Adjust position */
  font-size: 12px; /* Adjust size */
  color: white; /* Icon color */
  background-color: #17B3E4; /* Background color */
  border-radius: 50%; /* Make it circular */
  padding: 5px; /* Adjust padding for better appearance */
  max-height: 20px;
  max-width: 20px;
  line-height: 12px;
}
/* Checked list style ends here */


/* Hover effect for magenta buttons */
/* This styles change the hover effect of danger buttons to show magenta shadow */
.vc_btn3.vc_btn3-color-danger:hover, .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-danger:focus, .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat:focus {
	box-shadow: 4px 2px 35px 0 #d81671;
	background-color: #ea006d;
}
.pl-0{
	padding-left:0px !important;
}