/* Labels CSS */
  .bbl {
	font-size: small;
	line-height: 1.4;
	border: 1px solid #000;
	float: left;
	padding: 0.2rem;
	margin-bottom: .5rem;
	background-color: #fff;
	min-width: 250px;
	max-width: 100%
  }

  .bbl a,
  .bbl a:active,
  .bbl a:hover,
  .bbl a:visited {
	color: #007bff;
	font-weight: 400 !important
  }

  .bbl p {
	margin: 0
  }

  .bbl section {
	border-bottom: 2px solid #000;
	padding: 0 0 .25rem;
	margin: 0 0 .5rem
  }

 .bbl section h4 {
    font-weight: 700;
    font-size: 14px;
    margin: 0 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

  .bbl section h4 span,
  .bbl section h5 span,
  .bbl section ul li span:last-of-type,
  .bbl section p span:last-of-type,
  .bbl section p a {
	float: right;
	font-weight: 700;
	font-family: 'Open Sans', 'Signika', sans-serif;
  }
  
  .bbl section h5 span{
	color:#000;
	padding-left:5px;
  }

  .bbl section h5 {
	font-weight: 400;
	font-size: 12px;
	padding-left: 1em;
	margin: 0
  }

  .bbl section ul {
	padding: 0 0 0 1.2em;
	margin: 0 0 .5rem
  }

  .bbl section ul li {
	list-style-type: none;
	padding: 0 0 0 3px;
	font-size: 12px;
	margin-bottom: 0px;
  }

  .bbl section.header {
	border-bottom-width: 10px
  }

  .bbl section.header h1,
  h2 {
	font-weight: 700
  }

  .bbl section.header h1,
  h2,
  h3 {
	margin: 0 0 .1rem
  }

  .bbl section.header h1 {
	font-size: 2rem;
	border-bottom: 2px solid #000
  }

  .bbl section.header h2 {
	font-size: 1.2rem
  }

  .bbl section.header h3 {
	font-size: 1rem
  }

  .bbl section.header p {
	margin: 0
  }

  .bbl section.header p span:last-of-type {
	float: none
  }

  .bbl section.monthly {
	border-bottom: 2px solid #000;
	padding: 0 0 .25rem;
	margin: 0 0 .5rem
  }

  .bbl section.monthly h4 {
	font-weight: 700;
	font-size: 1rem;
	border-bottom: 5px solid #000;
	margin: 0 0 .1rem
  }

  .bbl section.monthly p {
	margin-top: .4em
  }

  .bbl section.monthly p span {
	float: right;
	font-weight: 700
  }

  .bbl section.monthly p a {
	float: none
  }

  .bbl section.additional-charges>h5:nth-of-type(0n+3) {
	margin: 0 0 .5rem;
	display:flex;
  }

  .bbl section.discounts p {
	padding-left: 1em;
	margin-top: .1rem
  }

  .bbl section.discounts p a {
	float: none
  }

  .bbl section.discounts ul {
	margin: .4em 0 .2em
  }

  .bbl section.acp p {
	padding-left: 1em
  }

  .bbl section.acp p:last-of-type {
	padding: .2em 0 0 2em;
	font-weight: 700
  }

  .bbl section.acp p a {
	float: none
  }

  .bbl section.speeds p {
	padding-left: 1em
  }

  .bbl section.data p {
	padding-left: 1em
  }
 .bbl section.data h4 span {
            font-weight:700;
		  font-size:12px;
		  color:#000;
        }
  .bbl section.policies p {
	font-weight: 700
  }

  .bbl section.support p {
	padding-left: 1em;
	margin-top: .2em
  }

  .bbl section.support p a {
	float: none
  }

  .bbl section.footer {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0
  }

  .bbl section.footer p:nth-of-type(0n+2) {
	margin: .2em 0
  }

  .bbl section.footer p:nth-of-type(0n+2)a {
	float: right
  }

  /* Slick Slider Navigation */
  .slick-prev, .slick-next {
	transform: translateY(-50%);
	background-color: #467CBF;
	padding: 4px;
	cursor: pointer;
	border: none;
	z-index: 1;
	border-radius: 20px;
	width: 40px;
	height: 40px;
  }

  .slick-disabled {
	display: none;
  }
  .slick-prev {
	left: -40px; /* Adjust the value based on your layout */
  }

  .slick-next {
	right: -40px; /* Adjust the value based on your layout */
  }

  .slick-prev:hover, .slick-next:hover {
	background-color: #F0F5FF;
  }

  .slick-prev i, .slick-next i {
	color: #FFF;
  }
  .slick-prev:hover i, .slick-next:hover i{
	color: #000;
  }
  button.slick-prev.disable, button.slick-prev.disable:hover {
	cursor: not-allowed;
	background-color: #F0F5FF;
	border-color: #F0F5FF;
}
  button.slick-next.disable, button.slick-next.disable:hover {
	cursor: not-allowed;
	background-color: #F0F5FF;
	border-color: #F0F5FF;
}
  button.slick-prev.disable i, .slide-top .slick-next.disable i {
	color: #467CBF;
}
  button.slick-next.disable i, .slide-top .slick-next.disable i {
	color: #467CBF;
}

  /* Switch Toggle */
  .switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
  }

  .switch input {
	opacity: 0;
	width: 0;
	height: 0;
  }

  .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	transition: .4s;
  }

  .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	transition: .4s;
  }

  input:checked+.slider {
	background-color: #467CBF;
  }

  input:focus+.slider {
	box-shadow: 0 0 1px #467CBF;
  }

  input:checked+.slider:before {
	transform: translateX(26px);
  }

  .slider.round {
	border-radius: 34px;
  }

  .slider.round:before {
	border-radius: 50%;
  }


  .col-md-4 h2,
  .col-md-4 .broadband-label,
  .col-md-4 .toggle-content {
	flex-grow: 1;
  }


  /* Chosee your plan styling */
  .chosee-your-plan .slick-slide {
	display: flex;
	height: auto;
  }

  /* Broadband label styling */
  .broadband-label {
	float: left;
	width: 100%;
  }

  .toggle-content {
	text-align: left;
	margin-top: 15px;
	float: left;
	width: 100%;
	overflow-x: scroll;
  }

  .toggle-content .row {
	width: calc(200% + 60px);
  }
  .toggle-content .col-6:nth-child(2) {
  padding-left:30px;
  padding-right:0px;
}

  .bbl section.header h3,
  .bbl section.header h2 {
	color: #000000 !important;
  }

  .label,
  .view-hide {
	cursor: pointer;
	margin: 0px;
  }
  .bottom-bg {
	background: #F0F5FF;
	border-radius: 0 0 25px 25px;
	padding: 14px 18px;
  }
  p.laebl {
	padding-left: 0;
	float: left;
	font-size: 18px;
	color: #114060;
	margin-bottom:0px;
  }
  p.view-hide {
	float: right;
  }
  .label,
  .view-hide i {
	font-size: 26px;
	color: #114060;
  }

  article.bbl li:before {
	display: none;
  }



  /* Centered alignment */
  .centered-align {
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	margin: 0px 0;
	width:100%;
  }

  /* Show/Hide all styling */
  .show-hide-all {
	display: flex;

  }

  .show-hide-all h5 {
	margin: 10px;
	font-size: 14px;
	font-weight: 300;
  }


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

  @media (max-width: 1080px) {
	#banner article {
	padding: 74px 15px 100px;
}
	#banner h1 span.tagline {
	font-size: 20px;
}
	#banner h1 {
	font-size: 32px;
	line-height: 38px;
}
  }

  @media (max-width: 767px) {
	.show-hide-all {
	  display: block;
	  text-align: left;
	}
	.show-hide-all h5 {
	  margin: 0px;
	}
	.centered-align {
	  margin: 12px 20px;
	}
	#banner::before {
	content: '';
	display: block;
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
	#banner .row {
	position: relative;
	z-index: 99;
}
	#banner.banner-residential-internet h1 {
	color: #fff;
}
	#banner.banner-residential-internet p {
	color: #fff;
}
	#banner h1 span.tagline {
	font-size: 24px;
}
	#banner article {
	padding: 50px 15px 35px;
}
	#banner h1 {
	color: #447cbf;
	text-shadow: none;
}
	#banner p {
	color: #000;
	text-shadow: none;
}
  }
   @media (max-width: 575px) {
	 #banner {
	background-position: 95% center;
}
	 #banner article {
	padding: 30px 15px 20px;
}
	 #banner p {
	width: 100%;
}
	 #banner h1 {
	font-size: 28px;
}
   }
  @media (max-width: 420px) {
	#footer-cta .text-right {
	text-align: center !important;
}
	#social {
	margin-bottom: 15px !important;
}
	#disclaimer {
	text-align: center;
}
  }