/* ===================================
          Utility Rates Style
=================================== */
/* =========== Base ========== */
.utilityrates_2025 .h5, .utilityrates_2025 .h6{
	font-weight: 600 !important;
  }
  .utilityrates_2025 p, .utilityrates_2025 li{
	font-weight: 300 !important;
  }
  
  
  .promo .img-absolute{
	  position: absolute;
	  bottom: -87px;
	  right: 0;
	}
	  .promo  .img-absolute img{
		width: 800px;
	  }
  @media (max-width: 1200px) {
	.promo .img-absolute{
	  bottom: -80px;
	}
	  .promo  .img-absolute img{
		width: 800px;
	  }
  }
  @media (max-width: 980px) {
	.promo .container .row{
	  padding-bottom: 120px;
	}
	.promo .img-absolute{
	  bottom: -55px;
	}
	  .promo  .img-absolute img{
		width: 350px
	  }
  }
  @media (max-width: 1000px) {
	.img-absolute{
	}
	  .img-absolute img{
		width: 100%;
	  }
  }
  @media (max-width: 768px) {
	.img-absolute{
	  position: static;
	}
	  .img-absolute img{
		width: 100%;
	  }
  }
/* =========== Layout ========== */
/* >> General << */

body {
    background-image: none;
}
  section{
	padding:5rem 0;
  }
  .container{
	position: relative;
	overflow: visible;
  }
  .container p{
	padding:10px 0 0;
  }
  .container ul{
	padding-top: 10px;
  }
  .grid-6-cols{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	width: 100%;
  }
  .grid-8-cols{
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	width: 100%;
  }
	.grid-6-cols li, .grid-8-cols li{
	  margin-bottom: 5px;
	}
  .location-list{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
  }
	.location-list li{
	  margin-bottom: 10px;
	  font-weight: lighter;
	} 
  .grid-4-cols{
	display: grid;
	grid-template-columns: 30% 20% 20% 20%;
	width: 100%;
	grid-gap: 40px;
  }
	.grid-4-cols .row{
	  position: relative;
	}
	.grid-4-cols .row:last-child::after{
	  display: none;
	}
  .two-col-w-icon {}
	.two-col-w-icon {
	  display: grid;
	  grid-template-columns: 50px 1fr;
	  grid-column-gap: 30px;
	}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}
@media (min-width: 1201px) {
	.grid-4-cols .row::after{
	  content: "";
	  display: block;
	  width: 1px;
	  height: 50px;
	  position: absolute;
	  right: 0;
	  top: 20%;
	}
	
}
@media (max-width: 1200px) {
	.grid-6-cols{
	  grid-template-columns: repeat(3, 1fr);
	}
	.grid-8-cols{
	  grid-template-columns: repeat(4, 1fr);
	}
	.grid-4-cols{
	  grid-template-columns: 50% 50% !important;
	  grid-gap: 20px;
	  grid-column-gap: 50px;
	}
	  .grid-4-cols .row:nth-child(1)::after,
	  .grid-4-cols .row:nth-child(3)::after{
		content: "";
		display: block;
		width: 1px;
		height: 50px;
		position: absolute;
		right: 0;
		top: 20%;
	  }
	  .grid-4-cols .row img{
		width: 50px !important;
	  }
}
  @media (max-width: 980px) {
	section{
	  padding:50px 0;
	}
	  .location-list{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	  }
		.row > .col-md-6{
			margin-top:0;
		}
  }
  @media (max-width: 768px) {
	h2, h3, h4, h5 {
        text-align: left;
    }
	section .container{
		width: 90%;
	}
	.grid-6-cols{
	  grid-template-columns: repeat(2, 1fr);
	  grid-gap: 20px;
	}
	.grid-8-cols{
	  grid-template-columns: repeat(2, 1fr);
	}
	.grid-4-cols{
	  grid-column-gap: 20px;
	}
	  .grid-4-cols .row{
		text-align: center;
	  }
	  
  }
  /* >> hero << */
  body{}
  .hero {
	position: relative;
	z-index: 1000;
	background-size: cover;
	padding: 2rem 1rem 4rem;
	position: relative;
	height: auto;
	z-index: 1000;
  }
	.hero .overlay{
	  position:absolute;
	  width: 100%;
	  height: 100%;
	  top:0;
	  left: 0;
	}
  	.hero-content .row .zip-input-group{
		margin-left:0;
	}
	.hero-v3 .zip-container{
		padding: 30px 20px !important;
		border-radius: 10px;
	}
	
	/* >> shield container << */
	.hero-v3 .shield-container-2025 {
		padding:30px 30px 0 !important;
		border-radius: 10px;
	}
		.hero-v3 .shield-container-2025 .zip-container{
			padding: 20px 0 0 !important;
			border-radius: 0;
			border-top: 1px solid #5A5A5A;
		}
			.hero-v3 .shield-container-2025 ul{
				margin-left:20px;
			}
				.hero-v3 .shield-container-2025 ul li{
					border-bottom: 1px solid #5A5A5A;
					padding: 10px 0;
					position: relative;
					list-style-type: none;
				}
				.hero-v3 .shield-container-2025 ul li:last-child{
					border-bottom: 0;
				}
				.hero-v3 .shield-container-2025 ul li::marker{
					display: none;
				}
				.hero-v3 .shield-container-2025 ul li::before {
					content: '';
					position: absolute;
					left: -35px;
					top: 10px;
					width: 24px;
					height: 24px;
					display: block;
					background-image: url(/images/icons/icon-check-green.svg);
					background-size: contain;
				}
			.hero-v3 .zip-container  .business-btn{
				margin: 0 auto;
			}
  
  @media (max-width: 991px) {
	.hero-content .row{
	  text-align: center;
	}
	  .hero-content .row .tagline,
	  .hero-content .row .move-question{
		display: flex;
		justify-content: center;
	  }
	  .hero-content .row .zip-input-group{
		margin:0 auto;
	  }
  }
  @media (max-width: 768px) {
	.hero-v3 .shield-container-2025 img{
		width: 50%;
	}
	.shield-container-2025 ul{
		margin-left:0px !important;
	  }
	hero-v3 .zip-container, .hero-v3 .shield-container-2025 {
		padding: 20px 20px 0 !important;
	}
  }
/* >> affiliates banner << */
.hero .affiliates-logo-container div:first-child{
	position: relative;
	padding-right:20px;
}
.hero .affiliates-logo-container div:first-child img{
	width:300px;
}
.hero .affiliates-logo-container div:first-child::after{
	content: "";
	display: block;
	width: 1px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 35%;
}
.hero .affiliates-logo-container div:last-child{
	padding-left:20px;
}
	.hero .affiliates-logo-container div:last-child img{
		max-width: 300px;
	}
@media (max-width: 980px) {
	.hero .affiliates-logo-container div:last-child {
		width: 50%;
	}
	.hero .affiliates-logo-container div:last-child img{
		max-width: 100%;
	}
}
  /* =========== Elements ========== */
  /* >> forms << */
	.zipcode-container .zip-input-group {
	  max-width: 500px;
	  margin: 1.5rem auto;
	}
		.zipcode-container .form-control{
		padding: 1rem .75rem;
		height: auto;
	  }
	  .zipcode-container .form-control:focus {
		box-shadow: none;
	  }
	  
	  #stickyHeader .form-control {
		padding: 0.3rem .75rem;
	  }
	.zipcode-container .form-check-inline .form-check-input {
	  margin-top: 0.3rem;
	}
.hero .zipcode-container .zip-input-group{
	border:0 !important;

}
.zipcode-container .form-check-input[type="radio"] {
	-webkit-appearance: radio !important;
	-moz-appearance: radio !important;
	appearance: radio !important;
  }
  
@media (max-width: 768px) {
	.hero .zipcode-container .service-type{
		display: block !important;
		text-align: center !important;
	}
}
/* >> button << */
.btn {
    font-size: 1.2rem;
}
  .business-btn{
	background: transparent;
	border: 1px solid var(--si-white);
	border-radius: 20px;
	padding: 0.3rem 1rem;
  } 
		.business-btn:hover {
		}
  .zipcode-container .btn-find {
	font-weight: 600;
	padding: 0.5rem 1.5rem;
	border-radius: 2rem;
	border: none;
  }
		.zipcode-container .btn-find:hover {
		}
#stickyHeader .btn-find {
}
	.zipcode-container .btn-find:hover,
	#stickyHeader .btn-find:hover{
	}
  .btn.btn-secondary-ur{
	border-radius: 25px;
	padding:0.7rem 1.5rem 0.7rem 2rem;
  }
		.btn.btn-secondary-ur:hover{
		}
  .btn.btn-blog-ur{
	padding:0;
  }
		.btn.btn-blog-ur:hover{
		}
 .btn.btn-secondary-ur.withoutarrow{
	padding:0.7rem 1.5rem 0.7rem 1.5rem;
  }
.btn-success {
    border-radius: 25px;
    padding: 0.7rem 1.5rem 0.7rem 2rem;
}
.btn-success:hover {
}
@media only screen and (max-width: 768px) {
    #contact-form label{
        text-align:left;
    }
}	

  /* >> navigation << */
  .main-nav{}
	.main-nav .btn-find {
	  padding: 0.5rem 0.5rem;
	}
	  .main-nav .zip-input-group {
		max-width: 300px;
	  }
	.navbar {
	}
	.navigation .nav-link {
	  font-weight: 500;
	}
	.navigation .nav-link:hover,
	.navigation .dropdown-menu li a:hover {
		text-decoration: none;
		z-index: 10000;
	  }
	ul.nav{
		padding-top: 0px;
	}
.nav ul{
	padding-top: 0;
}
	.nav li {
		margin-left: 0;
		padding: 0px;
		margin-bottom: 0;
	}
	.navigation .dropdown-menu {
	  border-radius: 1rem;
	  animation: fadeIn 0.3s ease-in-out;
	  padding: 5px;
	  margin-top:0 !important;
	  z-index: 1100;
	}
	.navigation .dropdown-menu a {
	  font-weight: 500;
	  padding: 0.7rem 1rem;
	  border-radius: 0;
	}
		.navigation .dropdown-menu a:hover {
			margin: 0;
		}
	.navigation .dropdown-menu li{
	  /*border-bottom: 2px solid var(--si-darker);*/
	}
	.navigation .dropdown-menu li:last-child{
	  border-bottom: 0;
	}
	.navigation .dropdown-menu a:hover {
	}
	#stickyHeader{
		z-index:1100;
	}
	@keyframes fadeIn {
	  from {
		opacity: 0;
		transform: translateY(10px);
	  }
	  to {
		opacity: 1;
		transform: translateY(0);
	  }
	}
  
  /* Always show dropdown on hover */
  
	/* Smooth fade-in */
	.navigation .dropdown-menu {
	  display: block; /* prevent flicker by default */
	  opacity: 0;
	  visibility: hidden;
	  transform: translateY(10px);
	  transition: all 0.2s ease;
	  margin-top: 0; /* removes Bootstrap's default spacing that causes gap */
	  border-radius: 5px;
	  padding: 0;
	}
	/* Optional: make sure parent has no spacing */
	.nav-item.dropdown {
	  position: relative;
	}
	/* Optional: expand hover area slightly downward */
	.navbar .nav-item.dropdown > .nav-link {
	  padding-bottom: 1rem;
	}
  .sticky-header {
	position: sticky;
	top: 0;
	padding: 0.75rem 1rem;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  }
  
  /* Hamburger icon */
  .hamburger {
	display: none;
	background: none;
	border: none;
  }
  .sticky-header {
	position: sticky;
	top: 0;
	z-index: 1050;
	padding: 0.75rem 1rem;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  }
  /* sticky menu */
  .sticky-on-scroll {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: top 0.3s ease-in-out;
	padding-left:1rem;
	padding-right:1rem;
	height: 50px;
  }
  .sticky-on-scroll .hamburger {
	display: block !important;
  }
  .sticky-on-scroll #mobileMenu{
	display: none ;
  }
  .sticky-on-scroll #mobileMenu.show{
	display: block !important ;
	position: absolute;
	top: 50px;
	right:0;
	z-index: 100;
	width: 350px;
  }
  .mobile-menu.show{
	z-index: 1100;
  }
  .mobile-menu.show .nav {
	display: flex;
		flex-direction: column;
		justify-content: start;
		align-items: start;
  }
	.mobile-menu.show .nav li{
	  width: 100%;
	}
	  .mobile-menu.show .nav li a{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0;
	  }
	  .sticky-on-scroll .middle-nav{
		display: flex !important;
	  }
		.sticky-on-scroll .middle-nav div i+span{
			width:120px;
		}
	  .sticky-on-scroll .gap-3 {
		gap: 0rem !important;
	  }
  
  @media (max-width: 1199px){
	nav.d-none.d-md-block {
	  display: none !important;
	}
	.hamburger {
	  display: block !important;
	}
	.mobile-menu {
	  display: none;
	  padding: 1rem;
	  border-top: 1px solid var(--si-white);
	}
	.mobile-menu.show {
	  display: block;
	  position: absolute;
	  top: 50px;
	  right:0;
	  z-index: 100;
	  width: 350px;
	}
	.mobile-menu.show .nav {
	  display: flex;
		  flex-direction: column;
		  justify-content: start;
		  align-items: start;
	}
	  .mobile-menu.show .nav li{
		width: 100%;
	  }
		.mobile-menu.show .nav li a{
		  display: flex;
		  justify-content: space-between;
		  align-items: center;
  
		}
	  .sticky-on-scroll .middle-nav{
		display: none !important;
	  }
	  .mobile-menu .gap-3 {
		gap: 0rem !important;
	  }
  }
  
  @media (min-width: 981px) {
	/* Hover dropdowns by default */
	.dropdown:hover .dropdown-menu {
	  display: block;
	  opacity: 1;
	  visibility: visible;
	  transform: translateY(0);
	  width: 100%;
	  min-width: 180px;
	}
  
	/* Disable hover when scrolling (when .disable-hover is present) */
	.navigation .disable-hover.dropdown:hover .dropdown-menu {
	  display: none !important;
	  opacity: 0 !important;
	  visibility: hidden !important;
	  transform: translateY(-10px);
	}
  
	/* Show on click when open */
	.navigation .dropdown.open .dropdown-menu {
	  display: block !important;
	  opacity: 1 !important;
	  visibility: visible !important;
	  transform: translateY(0);
	}
  }
  /* Mobile menu toggle */
  @media (max-width: 980px) {
	.sticky-on-scroll .middle-nav{
	  display: none !important;
	}
	.mobile-menu.show {
	  left:0;
	  width: 100%;
	}
	.sticky-on-scroll #mobileMenu.show{
	  width: 100%;
	}
	.navigation .dropdown-menu {
	  word-wrap: break-word;   
	  white-space: normal;  
	  overflow-wrap: break-word; 
	  width: 100%;
	}
	.navigation .dropdown.open .dropdown-menu {
	  display: block;
	  opacity: 1;
	  visibility: visible;
	  transform: translateY(0);
	}
	.dropdown-item {
	  word-wrap: break-word;
	  white-space: normal;
	  overflow-wrap: break-word;
	}
	.btn{
		margin-left:0;
	}
	
  }
  
  /*------- Providers -------*/
  .logo-list{
	list-style-type: none;
  }
  .logo-list li{
	width: 10%;
	margin-bottom: 20px;
  }
	.logo-list li img{
	  width: 100%;
	}
  	.subpages .logo-list li {
		padding: 10px;
		margin: 5px;
	}
		.subpages.bg-si-gray-100 .logo-list li {
		}
  @media (max-width: 1200px) {
	.logo-list li{
	  width: 20%;
	}
  }
  @media (max-width: 768px) {
	.logo-list li{
	  width: 30%;
	}
	.navigation .dropdown-menu a {
		padding: 0.5rem 1rem;
	}
  }
  /*------- blog -------*/
  .blog-list{}
  .blog-list .col-12 div{
	overflow: hidden;
  }
	.blog-list img{
	  width: 100%;
	}
	.blog-list .image-container{
	  height: 200px;
	  overflow: hidden;
	  border-radius: 5px 5px 0 0;
	}
	.blog-list .row {
		align-items: stretch; /* Makes all children the same height */
		
	  }
/*------- quote -------*/
  .quote{
	position:relative;
  }
	.quote::before {
	  content:"";
	  display: block;
	  width: 70px;
	  height: 70px;
	  background-size: 100%;
	  background-repeat: no-repeat;
	  position: absolute;
	  top: 20%;
	  left: 5%;
	}
	.quote::after {
	  content:"";
	  display: block;
	  width: 70px;
	  height: 70px;
	  background-size: 100%;
	  background-repeat: no-repeat;
	  position: absolute;
	  bottom: 10%;
	  right: 5%;
	}
  @media (max-width: 768px) {
	.quote::before {
	  top: 15%;
	  left: 2%;
	}
	.quote::after {
	  bottom: 2%;
	  right: 2%;
	}
  }
  .step-by-step .row{}
  .step-by-step .row span{
	border:1px solid var(--si-gray-300);
	border-radius: 50px; 
	padding: 10px 18px;
  }
  .step-by-step.v1 .row .col-md-4{
	position: relative;
  }
	.step-by-step.v1 .row .col-md-4 span::before{
	  position: relative;
	  content:"";
	  display: block;
	  width:20%;
	  height: 5px;
	  border-radius: 20px;
	  position: absolute;
	}
	.step-by-step.v1 .row .col-md-4:first-child span{
	  border:1px solid var(--si-blue);
	  padding: 10px 8px;
	}
	  .step-by-step.v1 .row .col-md-4:first-child span::before{
		top:25px;
		right:20px;
	  }
	.step-by-step.v1 .row .col-md-4:nth-child(2) span{
		border:2px solid var(--si-blue);
		
	}
	  .step-by-step.v1 .row .col-md-4:nth-child(2) span::before{
		top:25px;
		right:20px;
	  }
	.step-by-step.v1 .row .col-md-4:last-child span{
	}
	.step-by-step.v1 .row .col-md-4 span::after{
	  content:"";
	  display: block;
	  background-repeat: no-repeat;
	  background-size: contain;
	  width:20px;
	  height: 20px;
	  position: absolute;
	}
	.step-by-step.v1 .row .col-md-4:first-child span::after{
	  top:17px;
	  right:5px;
	}
	.step-by-step.v1 .row .col-md-4:nth-child(2) span::after{
	  top:17px;
	  right:5px;
	}
	.step-by-step.v1 .row span img{
	  width: auto;
	}
	.step-by-step.v3 .row span{
	}
  @media (min-width: 769px) {
	.step-by-step.v1 .row .col-md-4:first-child span::after{
	  top:17px;
	  right:5px;
	}
	.step-by-step.v1 .row .col-md-4:nth-child(2) span::after{
	  top:17px;
	  right:5px;
	}
  }
  @media (max-width: 1350px) {
	.step-by-step.v1 .row .col-md-4 span::before{
	  width:10%;
	}
  }
  @media (max-width: 768px) {
	.step-by-step.v1 .row .col-md-4{
	  flex-direction: column;
	  padding-bottom: 60px;
	}
	.step-by-step.v1 .row .col-md-4 span::before{
	  width:5px;
	  height: 40px;
	}
	.step-by-step.v1 .row .col-md-4:first-child span::before,
	.step-by-step.v1 .row .col-md-4:nth-child(2) span::before{
	  top: auto;
	  right: 49.5%;
	  bottom: 10px;
	}
	.step-by-step .row .col-md-4:first-child span::after, .step-by-step .row .col-md-4:nth-child(2) span::after{
	  display: none;
	}
	.m-text-center{
	  text-align: center;
	}
	.btn-find {
		padding: 0.5rem 0.5rem;
	}
  }

  /*------- stars -------*/
  .quote .stars-container {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 4px;
  }
  
  .quote .star-item {
	display: block;
	width: 24px;
	height: 24px;
	background-color: var(--si-yellow); /* This shows through the mask - don't move to theme*/
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
  }
  
  .quote .star-item.gold-star {
	-webkit-mask-image: url(/theme/assets/boxicons/svg/solid/bxs-star.svg);
	mask-image: url(/theme/assets/boxicons/svg/solid/bxs-star.svg);
  }
/*------- company card -------*/
.company-logo-card-container{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
}
	.company-logo-card-container .card {
		padding: 20px;
		border:0;
		box-shadow: none;
		margin-bottom: 0;
	}
		.company-logo-card-container .card .row{
			border-bottom: 1px solid var(--si-gray-400);
		}
		.company-logo-card-container .card img{
			width: 100%;
			height: auto;
		}
.provider .company-logo-card-container .card .row {
    padding-bottom: 10px !important;
}
.utility{
	box-shadow: none;

}
	.utility img {
		max-width: 100%;
	}
	.utility .company-logo-card-container .card {
	}
		.utility .company-logo-card-container .card .row + div,
		.utility .company-logo-card-container .btn,
		.utility .company-logo-card-container .card-description{
			display: none;
		}
			.utility .company-logo-card-container .card .row{
				border:0;
				position: relative;
			}
			.utility .company-logo-card-container .card .row div:first-child{
				position: relative;
				padding-right: 10px !important;
			}
				.utility .company-logo-card-container .card .row div:first-child::after{
					content:"";
					display: block;
					height: 50%;
					width:1px;
					position: absolute;
					right:0px;
					top:20%;
				}
 @media (max-width: 1200px) {
	.company-logo-card-container{
		grid-template-columns: repeat(2, 1fr);
	  }
  }
 @media (max-width: 768px) {
	.company-logo-card-container{
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 20px;
	  }
  }

/*------- customer reviews -------*/
.customer-review-slider-wrapper {
	position: relative;
	overflow: hidden;
	max-width: 100%;
	padding: 20px 0 80px;
  }
  
  .customer-review-slider-wrapper .slider-track {
	display: flex;
	transition: transform 0.4s ease;
	will-change: transform;
  }
  
  .customer-review-slider-wrapper .review-card {
	flex: 0 0 33.3333%;
	max-width: 33.3333%;
	padding: 0 15px;
	box-sizing: border-box;
  }
  
  .customer-review-slider-wrapper .slider-arrow {
	position: absolute;
	top: 90%;
	transform: translateY(-50%);
	background: transparent;
	border: none;
	font-size: 2rem;
	padding: 5px 15px;
	cursor: pointer;
	z-index: 2;
	box-shadow: none;
  }
  
  .customer-review-slider-wrapper .slider-arrow.prev { left: 0; }
  .customer-review-slider-wrapper .slider-arrow.next { right: 0; }

@media (max-width: 768px) {
	.customer-review-slider-wrapper .review-card {
		flex: 0 0 100%;
		max-width: 100%;
	  }
	.customer-review-slider-wrapper .review-card > div{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}

/*------- footer -------*/
  footer{
	margin-top: 0;
  }
  footer ul li{
	list-style: none;
	margin-bottom: 5px !important;
  }
	footer ul li a{
	  text-decoration: none;
	}
	footer ul li .nav-link:hover,
	footer ul li .c-link-text-secondary,
	footer p a:hover{
	  text-decoration: underline !important;
	}
  footer .nav{
	display: list-item;
  }
	footer .nav .nav-item a,
	footer .nav .nav-item .subnav-menu li a{
		font-weight: 300 !important;
		padding: 0 !important;
		margin-left:0;
	}
	footer .nav li a{
		margin-left:0;
	}
	footer .nav .nav-item .subnav-menu{
	  padding-left: 10px;
	}

/*------- fix superwidget on UR template -------*/
.superwidget-container ul, .superwidget-container p{
	margin-top:0;
	padding-top:0
}
.superwidget-container .plan .container{
	position: static;
}
.superwidget-container .filter-container {
    z-index: 100;
}
.superwidget-container .plan-pricing sup {
    top: -0.5em;
}
@media (max-width: 1400px) {
	.superwidget-container label.filter-label-top, .superwidget-container li.filter-sort-item label {
		font-size: 14px !important;
	}
}
@media (max-width: 980px) {
	.hero .superwidget-container li.filter-sort-item label{
	}
	.hero .superwidget-containe ul li{
		text-align: left !important;
	}
}
@media (max-width: 768px) {
	.superwidget-container .plan-pricing sup {
		top: auto;
	}
	.hero .superwidget-container .row{
		text-align: left;
	}
	.superwidget-container .plan-row .plan-item:has(.plan-badge) .plan-inner-container .plan-term, .superwidget-container .plan-row .plan-item:has(.plan-badge) .plan-inner-container .plan-bill .h3{
		padding-top:20px;
	}
	.superwidget-container .plan-row .plan-item:has(.plan-badge) .plan-inner-container .plan-action{
		top: 80px;
	}
}
/*------- lotus_two_col layout -------*/
.lotus_two_col section {
    padding: 80px 0;
	border-bottom: 1px;
    border-bottom-style: solid;
}
.lotus_two_col .container .row .col-12 section:first-child {
    padding-top: 0;
}
.lotus_two_col .container .row .col-12 section:last-child {
    border-bottom: 0;
}
.lotus_two_col h3 a{
	text-decoration: none;
}
.lotus_two_col .plan-term {
    font-size: 1rem;
}
.lotus_two_col section #utilities + p + .row{
	margin-top: 20px;
}
.lotus-sticky-menu.sticky-toc {
	position: sticky;
	top: 100px; /* Adjust based on your fixed header height */
	z-index: 100;
}
	.lotus-sticky-menu.sticky-toc ul li{
		padding:10px 0;
	}

@media (max-width: 768px) {
	.lotus_two_col .sticky-toc{
		display: none !important;
	}
}