@charset "utf-8";
/* CSS Document */


body {
  font-family: "Noto Sans", sans-serif;
  text-wrap:none;
  
}
.container{
	max-width:1150px;}

/*Nav Section*/
nav{ background:#FFF;}
.logo{ max-width:200px; height:auto; width:100%;}


/*Image Boxes*/
.box-img-lg{ display:block;}
.box-img-sml{display:none;}
.box-img-xs{display:none;}
.box-img-style{mix-blend-mode: multiply;}



/* Header Section */
header{
	padding:30px 0 0px;
	background:#f6f8fb;
	}
header h1{
	font-family: "Playfair Display", serif;
	font-weight:700;
	font-size:48px;
	line-height:1.1;
	color:#000;
	letter-spacing:-2px;
	
	}
header h1 span{
	color:#1758a6;
	}
	
.list-num {
	align-items: center;
	background: #b9ddb1;
	border-radius: 30px;
	color: #313339;
	font-size: 14px;
	padding:10px;
	text-align:center;
	margin:0;
}
.list-num svg {
	flex-shrink: 0;
	height: 1.25rem;
	width: 1.25rem;
}
.advertiser-link{
	font-size:12px;
	color:#666 !important; text-decoration:underline;}

.hide-desk{ display:none;}

/*Main Sec*/
main{ padding:20px 0; background:#f6f8fb; }

.claimed-box{ text-align:center; padding:4px; background:#000; color:#FFF !important; border-radius:4px; opacity: 0;
  animation: fadeIn 1s ease-in forwards; animation-delay: 1s; font-size:14px !important;}	
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

.top-list{ border:#1758a6 2px solid;}
.top-list .list-lbl{ background:#1758a6;}

.top-list-box {
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.top-list-box:hover,
.top-list-box:focus,
.top-list-box:active {
  background-color: #f0f8ff; /* very light blue */
  transform: scale(1.02);
}

.top-list-box{
	background:#FFF;
	box-shadow: 0 8px 27px rgba(0,0,0,.1);
	padding:30px;
	border-radius:10px;
	margin-bottom:20px;
	}
.top-list-box h2{
	font-family: "Noto Sans", sans-serif !important;
	font-size:28px;
	}
.top-list-box ul p{ font-size:16px; color:#000;}		
.top-prd-logo{
	width:100%;
	max-width:210px;
	height:auto;
	mix-blend-mode: multiply;
	}
.authorized-lbl{
	font-size:12px;
	color:#666;
	}	
.authorized-lbl svg{ max-width:12px;}
.list-lbl{
	font-size:17px;
	color:#FFF;
	font-weight:700;
	background:#128260;
	text-align:center;
	padding:0px 20px 5px;
	border-radius:10px;
	font-family: "Playfair Display", serif;

}
.list-lbl span{
	font-size:26px;

}

.check-ul, .check-ul-x, .check-ul-disc{
  list-style: none;
  padding: 0;
  margin: 0;
}

.check-ul li, .check-ul-x li{
  position: relative;
  padding-left: 28px; /* space for the icon */
  margin-bottom: 10px;
}

.check-ul-disc li {
  position: relative;
  padding-left: 20px; /* space for the icon */
  margin-bottom: 10px;
}

.check-ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 17px;
  height: 17px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 17'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.983 8.5a8.483 8.483 0 1 1-16.966 0 8.483 8.483 0 0 1 16.966 0Zm-5.064-2.57a.636.636 0 0 1 0 .9l-4.242 4.24a.636.636 0 0 1-.9 0L5.082 9.375a.636.636 0 1 1 .9-.9l1.247 1.247 1.895-1.896L11.02 5.93a.636.636 0 0 1 .9 0Z' fill='%23128260'/%3E%3C/svg%3E") no-repeat;
  background-size: contain;

}



.check-ul-disc li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Ccircle cx='8.5' cy='8.5' r='8.5' fill='%23000000'/%3E%3C/svg%3E") no-repeat;
  background-size: contain;

}


.check-ul-x li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 18'%3E%3Cpath d='M8.48.38a8.27 8.27 0 1 0 0 16.55 8.27 8.27 0 0 0 0-16.55Zm3 10.37a.64.64 0 0 1-.9.9l-2.1-2.1-2.09 2.1a.64.64 0 1 1-.9-.9l2.1-2.1-2.1-2.09a.64.64 0 0 1 .9-.9l2.1 2.1 2.09-2.1a.64.64 0 0 1 .9.9l-2.1 2.1 2.1 2.1Z' fill='%239a2302'/%3E%3C/svg%3E") no-repeat;
  background-size: contain;
}

/*Buttons*/

.btn-list {
  background: #143b68;
  color: #FFF;
  padding: 20px 32px;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  width: 100%;
  font-size: 16px;
  transition: background 0.3s ease;
}

/* Pulse animation only on hover */
.btn-list:hover {
  background: #1758a6;
  animation: simplePulse 1.2s infinite ease-in-out;
}

@keyframes simplePulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.05); }
  100% { transform: scale(1); }
}

.top-list-box:hover .btn-list {
  animation: simplePulse 1.2s infinite ease-in-out;
}

.btn-promo {
	font-family: "Playfair Display", serif;
	font-size: 22px;
	line-height: 1.2;
	background-color: #eaf1fa;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Ccircle cx='10' cy='15' r='2' fill='%23FF6B6B' fill-opacity='0.4'/%3E%3Ccircle cx='30' cy='25' r='2' fill='%23FFD93D' fill-opacity='0.4'/%3E%3Ccircle cx='70' cy='20' r='2' fill='%2361D095' fill-opacity='0.4'/%3E%3Ccircle cx='50' cy='40' r='2' fill='%23A084E8' fill-opacity='0.4'/%3E%3Ccircle cx='15' cy='60' r='2' fill='%23F7C59F' fill-opacity='0.4'/%3E%3Ccircle cx='80' cy='70' r='2' fill='%23FF9F1C' fill-opacity='0.4'/%3E%3Ccircle cx='25' cy='80' r='2' fill='%2390E0EF' fill-opacity='0.4'/%3E%3Ccircle cx='60' cy='85' r='2' fill='%23FF006E' fill-opacity='0.4'/%3E%3Ccircle cx='40' cy='65' r='2' fill='%236C5CE7' fill-opacity='0.4'/%3E%3Ccircle cx='85' cy='45' r='2' fill='%2343AA8B' fill-opacity='0.4'/%3E%3C/svg%3E");
	background-repeat: repeat;
	background-size: contain;
	color: #000;
	padding: 20px 32px;
	border: none;
	border-radius: 10px;
	font-weight: 700;
	width: 100%;
	text-align: left;
}


	
.btn-promo span{
	font-family: "Noto Sans", sans-serif;
	text-transform:uppercase;
	color:#666;
	font-size:9px;
	display:block;
	margin-bottom:10px;
	}

/*Star Rating CSS*/

.svg-star-rating {
      display: flex;
	  align-items: center;
    }
    .svg-stars {
      display: flex;
      gap: 0px;
      justify-content: center;
      margin-bottom: 4px;
    }
    .svg-stars svg {
      width: 24px;
      height: 24px;
    }
    .star-full {
      fill: #ffc107;
    }
    .star-half {
      fill: url(#half-gradient);
    }
    .star-empty {
      fill: #e0e0e0;
    }
    .rating-label {
      font-size: 30px;
      color: #000;
	  font-weight:700;
    }
	
	
	
	.read-more-toggle {
  display: none;
}

/*Sec2*/
.sec2{
	padding:30px 0;
	background:#f6f8fb;
	}
.sec2 h2{
	font-family: "Playfair Display", serif;
	font-weight:700;
	font-size:26px;
	margin-bottom:20px;
	}
.sec2 p{ font-size:18px;
line-height:1.6;
color:#5d5d5d;
font-weight:400;
	}	
.sec-list-none ul, { list-style:none; padding:0;}	
.sec-list-none li{list-style:none; padding-bottom:10px; color:#5d5d5d;}
		
.sec-list{ list-style:circle;}
.sec-list li{ padding-bottom:10px; color:#5d5d5d;}
.info-txt{ font-size:14px;color:#5d5d5d;}
	
/*Footer*/

footer {
	float: left;
	width: 100%;
	text-align: center;
	border-top: 1px solid #d9d9d9;
	padding: 60px 0 45px;
	background:#F0F0F0;
}
footer a{
	color:#000 !important;
	text-decoration:none;
	}
	
	
	

/* @media */	
	
@media (max-width: 991px) {	
.col-box1 .mb-5{ margin-bottom:0px !important;}
.check-ul{ margin-bottom:30px;}
.top-list-box{ overflow:hidden;}
.list-lbl{
	position:relative;
	top:-48px;
	left:-38px;
	padding:10px 20px 5px;
	

	}
	.list-lbl span{
	font-size:36px;

}
.top-prd-logo, .authorized-lbl{
	position:relative;
	top:-20px;}
}
@media (max-width: 767px) {	
header{ padding:20px 0 0; }
.top-list-box{
	position:relative;}
.svg-star-rating{
	display: flex;
  flex-direction: column;
  align-items: center;
	position:absolute;
	top:15px; right:15px;
	border-left:1px solid #CCC; padding-left:10px;
	}
.rating-label{ font-size:40px; line-height:1;}	

.exit-intent-modal-content .svg-star-rating{
	zoom: .7;
	}
.hide-mob{ display:none;}
.hide-desk{ display:block;}

/*Banner Paragraph Read More*/

.banner_p_expand {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .banner_p_expand.expanded {
    -webkit-line-clamp: unset;
    overflow: visible;
  }

  .read-more-toggle {
    display: block;
    cursor: pointer;
    margin-top: 10px ;
	font-size:12px;
  }
/*End Banner Paragraph Read More*/ 


/*Top 1 Mobile Sticky Button */

.sticky-mob-btn{ 
position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0;
    border-radius: 0;
	padding:10px 10px 0;
	background:#FFF; z-index:1;}
	

.top-list-box:hover,
.top-list-box:focus,
.top-list-box:active {
  background-color: #f0f8ff; 
  transform: none;
}
/*End Top 1 Mobile Sticky Button */


/*Image Boxes*/
.box-img-lg{ display:none;}
.box-img-sml{display:block;}
.box-img-xs{display:none;}

}
@media (max-width: 600px) {	

header h1{
	font-size:30px;
	}
.top-list-box h2{
	font-size:23px;
	}	
	.col-box2 .mb-4{ margin-bottom:10px !important;}
	.check-ul li{ font-size:15px;}
	
.btn-list{
	padding:15px 22px;
}
.btn-promo {	
padding:15px 22px;
}
	
.exit-intent-modal-content .svg-star-rating{
	zoom: .5;
	}	

/*Image Boxes*/
.box-img-lg{ display:none;}
.box-img-sml{display:none;}
.box-img-xs{display:block;}
.top-list-box{ padding:0;}	
	
}
@media (max-width: 447px) {	
.svg-star-rating{
	zoom: 0.7;
	}
}
@media (max-width: 375px) {	
header{ padding:10px 0 0;}
header h1{
	font-size:24px;
	}
.top-list-box h2{ font-size:18px;}	
.hide-mob-sml{ display:none;}	
.check-ul li, .check-ul-x li{ font-size:13px; margin-bottom:5px;}
.col-box2{ margin-top:-10px;}
}
@media (max-width: 340px) {	
.svg-star-rating{
	zoom: .4;
	}
}


/*hide toggle for top-list benefits <li>*/
.toggle-btn{ display:none;}
@media (max-width: 768px) {
  .check-ul-min {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease;
  }

  .check-ul.expanded {
    max-height: 900px; /* adjust as needed */
  }

  .toggle-btn {
    display: block;
    margin-top: 10px;
    background-color:transparent;
    color: #000;
    padding: 8px 14px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
	margin:-40px auto 5px;
	width:100%;
  }
}