body {
  margin: 0;
}

.all-main h1,
.all-main h2,
.all-main h3,
.all-main h4,
.all-main h5,
.all-main h6,
.all-main p {
  margin: 0;
}

.all-main p {
  text-align: justify;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.8125rem;
}

.all-main a {
  text-decoration: none;
}

.all-main {
  font-family: "Open Sans", sans-serif;
}

.all-main img {
  width: 100%;
}

.banner-background {
  background-image: url(hughesnet-home-banner-image.webp);
  height: 46.5625rem;
  background-repeat: no-repeat;
  background-size: cover;
}

.hughsenet-section {
  display: flex;
  max-width: 101.25rem;
  margin: 0 auto;
  padding: 0 1.25rem;
  height: 100%;
  align-items: center;
}

.hughsenet-section .hughsenet-heading {
  width: 45%;
}

.hughsenet-heading h1 {
  color: #000;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.125rem;
  max-width: 38.75rem;
}

.hughsenet-heading label {
  color: #0091c4;
  font-size: 1.875rem;
}

.hughsenet-heading span {
  color: #ff5820;
}

.hughsenet-heading-list {
  margin-top: 3.125rem;
  min-height: 226px;
}

.hughsenet-heading-list h3 {
  display: flex;
  column-gap: .5625rem;
  padding-bottom: .5rem;
}

.hughsenet-heading-list h3 span {
  color: #000;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.hughsenet-heading-list h3 span img {
  transform: translate(0rem, .125rem);
}

.hughsenet-heading p {
  margin-top: .3125rem;
  max-width: 37.5rem;
}

.main-button {
  display: flex;
  column-gap: 1.75rem;
}

.main-button a {
  display: flex;
  border-radius: .625rem;
  background: #0091c4;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25rem;
  padding: .8125rem 1rem;
  align-items: center;
  column-gap: .5rem;
  margin-top: 2.5rem;
  justify-content: center;
}

.main-button a img {
  width: unset;
}

.main-button .call-icon {
  background-color: #ff5820;
}

/* online fast image */

.online-fast-image {
  background-image: url(hughesnet-home-online-fast-image.webp);
  height: 12.625rem;
}

.all-online-fast {
  display: flex;
  max-width: 101.25rem;
  padding: 1.25rem 1.25rem 1.875rem;
  margin: 0 auto;
  column-gap: 3.125rem;
  align-items: center;
}

.all-online-fast .online-fast-heading h2 {
  color: #fff;
  font-size: 2.25rem;
  font-weight: 700;
}

.all-online-fast .online-fast-heading h3 {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 1.1875rem;
}

.all-online-buttn {
  border: .3125rem solid #ffffff;
  padding: .5rem .625rem;
  border-radius: 1.0625rem;
}

.all-online-buttn a {
  display: flex;
  column-gap: 1rem;
  color: #fff;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem;
  border-radius: .625rem;
  background: #ff5820;
  padding: .8125rem .5625rem;
  align-items: center;
}

.all-online-buttn a img {
  width: unset;
}

.online-fast-heading-cta {
  position: relative;
}

.arrow-container {
  position: relative;
  top: -2.6875rem;
}

.arrow {
  position: absolute;
  top: 0rem;
  left: -156%;
  transform: translateX(50%);
  animation: arrowAnimation 5s ease-in-out;
}

@keyframes arrowAnimation {
  0% {
    top: -3.125rem;
    transform: translateX(-50%);
  }

  50% {
    top: 0rem;
    transform: translateX(50%) rotate(0deg);
  }

  100% {
    top: 0rem;
    transform: translateX(50%);
  }
}

.online-fast-image p {
  color: #fff;
  font-size: .875rem;
  font-weight: 500;
  text-align: center;
}

.glace-1 {
  display: flex;
  max-width: 101.25rem;
  padding: 0 1.25rem;
  justify-content: space-between;
  margin: 0 auto;
  align-items: end;
}

.glace-1 .glace-heading {
  width: 38%;
}

.glace-heading-image {
  width: 54%;
}

.at-a-glance {
  padding: 4.875rem 0rem;
  background: #f9f9f9;
}

.glace-heading h2 {
  color: #000;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
}

.glace-heading h2 span {
  color: #0091c4;
}

.hughsnet-plan-heading {
  text-align: center;
}

.hughsnet-plan-heading h2 {
  font-size: 2rem;
  font-weight: 600;
}

.hughsnet-plan-heading h2 span {
  color: #0091c4;
}

.hughsnet-plan-heading h3 {
  font-size: 1.25rem;
  font-weight: 600;
  margin: .875rem 0rem 1.75rem;
}

.hughsnet-plan-heading p {
  text-align: center;
  font-size: .8625rem;
  font-weight: 500;
  max-width: 97.1875rem;
  margin: 0 auto;
}

.hughsnet-plan-background {
  background-image: url(hughsenet-home-page-hughsnet-plan-background.webp);
  background-repeat: no-repeat;
  margin-top: 3.25rem;
  background-position: bottom;
}

.hughsnet-cards {
  max-width: 82.5rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  column-gap: 1.875rem;
  align-items: stretch;
  flex-wrap: wrap;
  align-content: stretch;
}

.hughsnet-card1 {
  border-radius: .75rem;
  border: 2px solid #0091c4;
  background: #fff;
  padding: 0;
  width: 22.9%;
  box-shadow: 0 4px 6px -1px rgba(0, 145, 196, 0.2);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 771px;
  max-height: 771px;
  transition: transform 0.2s, box-shadow 0.2s;
}

.hughsnet-card1:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 15px -3px rgba(0, 145, 196, 0.3);
}

/* Plan Header Styles */
.plan-header {
  padding: 0.75rem 1rem;
  text-align: center;
  font-weight: 700;
  font-size: 1.5rem;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 1rem;
}

.plan-header.basic-connectivity {
  background-color: #f8f9fa;
  color: #0091c4;
  border-bottom: 2px solid #0091c4;
}

.plan-header.small-households,
.plan-header.active-households {
  background-color: #fff3e0;
  color: #ff5820;
  border-bottom: 2px solid #ff5820;
}

.plan-header.responsive-latency {
  background-color: #fff3e0;
  color: #ff5820;
  border-bottom: 2px solid #ff5820;
}

/* Plan Name */
.plan-name {
  padding: 1rem 1rem 0.5rem;
  text-align: center;
}

.plan-name h3 {
  font-size: 1.75rem;
  font-weight: 800;
  color: #1a1a1a;
  margin: 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.fusion-plan .plan-name h3 {
  color: #ffffff;
}

/* Rebate Info */
.rebate-info {
  padding: 0 1rem 0.5rem;
  text-align: center;
  min-height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rebate-text {
  color: #ff5820;
  font-size: 0.9375rem;
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(255, 88, 32, 0.2);
}

/* Fusion Intro */
.fusion-intro {
  padding: 0 1rem 0.5rem;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fusion-intro p {
  color: #4a5568;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.4rem;
  margin: 0;
  text-align: center;
}

.info-icon {
  position: absolute;
  right: 1rem;
  top: 0;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #0091c4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: bold;
  color: #ffffff;
}

/* Plan Features */
.plan-features {
  padding: 1rem;
}

.feature-item {
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
  gap: 0.75rem;
  min-height: 1.5rem;
  padding: 0.25rem 0;
}

.checkmark {
  width: 1.25rem;
  height: 1.25rem;
  background-color: #0091c4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: bold;
  flex-shrink: 0;
}

.feature-item span:last-child {
  color: #2d3748;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.fusion-plan .feature-item span:last-child {
  color: #ffffff;
}

/* Plan Pricing */
.plan-pricing {
  padding: 0 1rem 1rem;
  text-align: center;
  min-height: 6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.original-price {
  margin-bottom: 0.5rem;
}

.original-price strike {
  color: #718096;
  font-size: 0.9375rem;
  font-weight: 500;
}

.current-price {
  margin-bottom: 0.5rem;
}

.price {
  color: #0091c4;
  font-size: 2.25rem;
  font-weight: 800;
  text-shadow: 0 1px 2px rgba(0, 145, 196, 0.2);
}

.price sup {
  font-size: 1.25rem;
}

.period {
  color: #4a5568;
  font-size: 1.125rem;
  font-weight: 500;
}

.commitment {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.commitment span {
  color: #4a5568;
  font-size: 0.8125rem;
  font-weight: 500;
}

/* Plan Description */
.plan-description {
  padding: 0 1rem 1rem;
  flex-shrink: 0;
  min-height: 3rem;
  display: flex;
  justify-content: center;
  flex-grow: 1;
}

.best-for-paragraph {
  display: unset;
}

.best-for-paragraph h4 {
  color: #0091c4;
  text-align: center;
}

.plan-description p {
  color: #4a5568;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.4rem;
  margin: 0;
  text-align: center;
}

.fusion-plan .plan-description p {
  color: #ffffff;
}

/* Order Button */
.order-button {
  background-color: #ff5820;
  color: #ffffff;
  padding: 0.875rem 1.5rem;
  border-radius: 0.5rem;
  font-weight: 700;
  font-size: 0.9375rem;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  text-align: center;
  transition: background-color 0.2s;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  letter-spacing: 0.025em;
  position: relative;
}

.order-button::before {
  content: "📞";
  margin-right: 0.5rem;
  font-size: 1rem;
}

.order-button:hover {
  background-color: #e04a1a;
}

/* Fusion Plan Special Styling */
.fusion-plan {
  background: #ffffff;
  border-color: #0091c4;
}

.fusion-plan .plan-name h3 {
  color: #1a1a1a;
}

.fusion-plan .plan-description p {
  color: #4a5568;
}

.fusion-plan .feature-item span:last-child {
  color: #2d3748;
}

.starter-plan {
  display: flex;
  column-gap: 1.5625rem;
  align-items: center;
}

.starter-plan h3 {
  color: #0091c4;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 0.8;
}

.starter-plan h3 span {
  font-size: 1rem;
  color: #000;
}

.starter-plan h4 {
  color: #ff5820;
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 3.125rem;
  margin-top: -1.75rem;
}

.month-plan .month-plan-prices {
  border-radius: .3125rem;
  background: #ff5820;
  padding: .375rem .5625rem;
  width: 8.0625rem;
  height: 5.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
}

.month-plan .month-plan-prices:nth-child(2) {
  background-color: #2caa00;
}

.month-plan .month-plan-prices h3 {
  color: #fff;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
}

.month-plan .month-plan-prices h3:nth-child(2) {
  font-size: .6875rem;
  font-weight: 700;
}

.month-plan .month-plan-prices:nth-child(2) h3:nth-child(2) {
  font-size: 1.25rem;
}

.month-decide {
  font-size: 1.5625rem;
}

.month-plan .month-plan-prices:nth-child(2) h3:nth-child(1) {
  font-size: 2.1875rem;
}

.month-plan .month-plan-prices:nth-child(2) h3:nth-child(1) sup {
  font-size: 1.25rem;
  margin-left: .3125rem;
}

.month-plan {
  display: flex;
  column-gap: .75rem;
  margin-top: .5rem;
}

.speed-plans {
  background-color: #0091c4;
  display: flex;
  justify-content: space-between;
  padding: .125rem .8125rem .4375rem;
  border-radius: .3125rem;
  align-items: center;
}

.speed-plans span:nth-child(1) {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 2.5625rem;
  text-align: center;
  color: #ffffff;
}

.speed-plans span label:nth-child(1) {
  font-size: 1rem;
}

.speed-plans span:nth-child(2) {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.125rem;
}

.speed-plans span:nth-child(2) sup,
.speed-plans span:nth-child(2) sub {
  font-size: 1.125rem;
  font-weight: 600;
}

.satellite-plan h4 {
  color: #ff5820;
  font-size: 1rem;
  font-weight: 700;
  padding: .5rem 0rem;
}

.hughsenet-heading-list.plans-listing h3 span {
  color: #000;
  font-size: .9375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3125rem;
}

.hughsenet-heading-list.plans-listing img {
  width: unset;
}

.hughsenet-heading-list.plans-listing h3 {
  padding-bottom: .625rem;
  max-width: 16.75rem;
}

.starter-plan h4 sup {
  font-size: 1.25rem;
}

.plan-button {
  justify-content: center;
  align-items: center;
  padding: 1rem;
  flex-shrink: 0;
}

.plan-button a {
  font-size: 1rem;
  margin-top: 0rem;
}

.plan-button .call-icon {
  padding: .6875rem .5625rem;
}

.hughsnet-plan-section {
  padding: 2.1875rem 0rem 3.9375rem;
}

.plan-bottom-lines {
  padding: 2.3125rem 0 1.5rem;
}

.plan-bottom-lines p {
  text-align: center;
  font-size: .75rem;
  font-weight: 700;
}

.plans-paragraph p,
.plans-paragraph h4,
.plans-paragraph ul li {
  font-size: .75rem;
}

.plans-paragraph {
  max-width: 82.75rem;
  margin: 0 auto;
  padding: 0 1.25rem;
}

.plans-paragraph p {
  line-height: 1.4;
}

.get-your-plan .online-fast-image {
  background-image: url(hughesnet-home-online-fast-image2.webp);
  background-size: cover;
}

.get-your-plan .all-online-buttn a {
  background-color: #0091c4;
}

.get-your-plan .all-online-fast {
  justify-content: end;
}

.get-your-plan .all-online-fast .online-fast-heading h3 {
  text-align: right;
}

.fusion-card1 {
  border-color: #ff5820;
}

.fusion-card1 .starter-plan h3 {
  color: #ff5820;
}

.fusion-hugshnet-plan .fusion-card1 .starter-plan h3 {
  line-height: 2.3125rem;
}

.hughsnet-package-services {
  width: 100%;
  margin: 0 auto;
  column-gap: 1.875rem;
  display: flex;
  margin-top: 0.625rem;
  justify-content: center;
}

.fusion-hugshnet-plan .hughsnet-package-services {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.hughsnet-phone-services,
.free-equipment,
.discount-for-three,
.free-equipment {
  display: flex;
  align-items: center;
}

.free-equipment {
  flex-direction: column;
  align-items: start;
}

.free-equipment h4:nth-child(1) {
  max-width: 100%;
  font-size: 1rem;
  margin: 0.5rem 0;
}

.free-equipment h4:nth-child(2) {
  margin: 0 0 0 auto;
  margin-top: -45px;
  text-align: end;
}

.free-equipment h4 img {
  max-width: 68%;
}

.hughsnet-phone-services {
  column-gap: .8125rem;
}

.hughsnet-package-services-card1 p {
  text-align: left;
}

.hughsnet-package-services-card1 {
  border-radius: .5rem;
  border: .1875rem solid #0091c4;
  background: #fff;
  padding: .9375rem;
  width: 25%;
}

.hughsnet-package-services-card2 {
  border-radius: .3125rem;
  border: .1875rem solid #ff5820;
  background: #fff;
  padding: 1.125rem;
  margin-bottom: .9375rem;
}

.hughsnet-package-services-card3 {
  background: #ffffff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.5rem;
  width: 25%;
  border-radius: 0.5rem;
  border: 2px solid #0091c4;
  position: relative;
}

.hughsnet-package-services-card3::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('mastercard-image.png') no-repeat center right;
  background-size: 60px 40px;
  opacity: 0.1;
  z-index: 1;
}

.hughsnet-package-services-card2 p {
  text-align: center;
}

.hughsnet-package-services-card3 .hughsnet-bonus-zone {
  position: relative;
  z-index: 2;
  color: #333333;
}

.hughsnet-package-services-card3 .hughsnet-bonus-zone h3 {
  color: #0091c4;
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0 0.5rem 0;
}

.hughsnet-package-services-card3 .hughsnet-bonus-zone h4 {
  color: #333333;
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
  line-height: 1.3;
}

.hughsnet-package-services-card3 .hughsnet-bonus-zone p {
  max-width: 16rem;
  margin: 0 auto 1rem auto;
  color: #666666;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.4;
}

.hughsnet-package-services-card3 .offer-dates {
  margin-top: 1rem;
  padding: 0.5rem 1rem;
  background: #0091c4;
  border-radius: 0.25rem;
  border: 1px solid #0091c4;
}

.hughsnet-package-services-card3 .valid-until {
  color: #ffffff;
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.discount-for-three,
.free-equipment {
  justify-content: space-between;
}

.discount-for-three {
  margin-top: .8125rem;
  position: relative;
}

.hughsnet-package-services .discount-text {
  position: absolute;
  right: 0;
  bottom: -1.6875rem;
}

.hughsnet-phone-services h4 {
  color: #000;
  font-size: 1.375rem;
  font-weight: 600;
  padding-bottom: .3125rem;
}

.hughsnet-phone-services h4 img {
  transform: translate(0rem, .1875rem);
}

.hughsnet-phone-services h4 span {
  color: #0091c4;
  font-weight: 700;
}

.hughsnet-phone-services h4:nth-child(2) {
  max-width: 13.5625rem;
}

.hughsnet-phone-services {
  align-items: start;
}

.hughsnet-phone-services p {
  line-height: normal;
}

.free-equipment h4 {
  color: #000;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.3125rem;
  max-width: 13.4375rem;
}

.discount-for-three h4 {
  color: #000;
  font-size: 1.125rem;
  font-weight: 600;
  padding-bottom: .9375rem;
}

.discount-for-three h4 label {
  color: #0091c4;
  font-weight: 700;
}

.free-equipment label {
  color: #ff5820;
}

.hughsnet-bonus-zone h4 {
  color: #ff5820;
  font-size: 1.875rem;
  font-weight: 700;
}

/* intro-fusion */
.intro-fusion .glace-1 {
  display: flex;
  max-width: 109.1875rem;
  padding: 0 0rem;
  margin: 0 0 0 auto;
  align-items: center;
}

.intro-fusion .glace-heading h2 {
  color: #ff5820;
}

.intro-fusion .glace-heading h2 span {
  font-weight: 700;
}

.intro-fusion {
  padding: 0;
  background: #f9f9f9;
}

.intro-fusion .glace-1 .glace-heading {
  width: 36%;
}

.intro-fusion .main-button a {
  background: #ff5820;
  margin-top: 2.5rem;
}

.fusion-hugshnet-plan .hughsnet-plan-background {
  background: url(hughsnet-home-page-fusion-section-background-image.webp);
  margin-top: 0rem;
  background-repeat: no-repeat;
}

.fusion-hugshnet-plan .hughsnet-cards {
  max-width: 84.375rem;
  flex-wrap: wrap;
  row-gap: 1.25rem;
}

.fusion-hugshnet-plan .hughsnet-cards .hughsnet-card1 {
  width: 21.6%;
}

.fusion-hugshnet-plan .hughsnet-card1 {
  min-height: 630px;
  max-height: 630px;
}

.fusion-card1 .equipment-less {
  height: 10%;
}

.starter-plan sup {
  font-size: 1.125rem;
}

.fusion-hugshnet-plan .plan-button a {
  margin-top: 1.25rem;
}

.fusion-hugshnet-plan .hughsnet-package-services {
  margin-top: 1.25rem;
}

.fusion-hugshnet-plan .hughsnet-package-services-card2 {
  margin-top: 1.25rem;
}

.fusion-hugshnet-plan .hughsnet-package-services-card2 {
  width: 50%;
  margin: .875rem auto;
  text-align: center;
}

a.call-icon.business-call {
  margin-top: 1.75rem;
}

.equipment-less p {
  color: #000;
  font-size: .75rem;
  font-weight: 400;
  line-height: normal;
  margin: .3125rem 0rem .3125rem;
}

.discount-text span {
  color: #000;
  font-size: 1rem;
  font-weight: 600;
}

.discount-text strike {
  color: #ff5820;
  font-size: 1rem;
}

.discount-text strike span {
  font-size: 1rem;
  font-weight: 600;
}

.discount-text {
  display: flex;
  align-items: center;
  margin-top: .5rem;
  justify-content: end;
}

.inter-sufring-listing ul li {
  color: #000;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.875rem;
}

.lot-more-value {
  padding: 0;
  background: transparent;
}

.lot-more-value .at-all-glace {
  background: url(hughsnet-home-page-lot-more-section.webp);
  height: 38.1875rem;
  background-size: cover;
  background-repeat: no-repeat;
}

.lot-more-value .glace-1 {
  height: 100%;
  align-items: center;
}

.inter-sufring-listing h3 {
  font-size: 1.25rem;
  font-weight: 600;
}

.inter-sufring-listing p {
  font-size: 1.125rem;
  font-weight: 400;
  max-width: 28.125rem;
}

.lot-more-value .glace-1 .glace-heading {
  width: 42%;
}

/* faqs-question */
.faqs-container {
  margin: 0 auto;
  max-width: 79rem;
  padding: 0 1.25rem;
}

.accordion {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.125rem;
}

.accordion .accordion-item {
  width: 44%;
  border-radius: .625rem;
  background: #f5f5f5;
  box-shadow: 0rem .3125rem 1rem 0rem rgba(8, 15, 52, 0.06);
  padding: 1rem 2rem;
  margin-bottom: 1.25rem;
}

.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  border: none;
  background: none;
  outline: none;
  font-weight: 500;
  line-height: 1.75rem;
  color: #242424;
  font-size: 1.375rem;
  font-weight: 500;
}

.accordion button:hover,
.accordion button:focus {
  cursor: pointer;
  color: #000;
}

.accordion button:hover::after,
.accordion button:focus::after {
  cursor: pointer;
  color: #000;
  border: .0625rem solid #03b5d2;
}

.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: -0.375rem;
  right: 0;
  width: 2.5625rem;
  height: 2.5625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0091c4;
  display: none;
}

.accordion button .icon::before {
  display: block;
  position: absolute;
  content: "";
  top: 1.0625rem;
  left: .625rem;
  width: 1.25rem;
  height: .1875rem;
  background-color: #fff;
}

.accordion button .icon::after {
  display: block;
  position: absolute;
  content: "";
  top: .625rem;
  left: 1.125rem;
  width: .1875rem;
  height: 1.125rem;
  background-color: #fff;
}

.accordion button[aria-expanded="true"] .icon::after {
  width: 0;
}

.accordion button[aria-expanded="true"]+.accordion-content {
  opacity: 1;
  max-height: unset;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}

.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}

.accordion .accordion-content p {
  color: #5e5e5e;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.875rem;
  margin-top: 1.25rem;
}

.accordion-title strong {
  color: #0091c4;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.75rem;
}

.faqs-container h2 {
  color: #000;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.875rem;
  text-align: center;
  margin-bottom: 4.6875rem;
}

.Faqs-section {
  padding: 5.5625rem 0rem;
}

.hughsnet-plan-heading h2 label {
  color: #ff5820;
}

.internet-services .hughsnet-plan-heading p {
  text-align: left;
  font-weight: 500;
  line-height: 1.5625rem;
  max-width: 87.5rem;
  margin-top: 1.5625rem;
  padding: 0 1.25rem;
}

.hughsnet-services-background {
  display: flex;
  max-width: 88.75rem;
  margin: 0 auto;
  padding: 0 1.25rem;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.6875rem;
  column-gap: 1.375rem;
}

.hughsnet-services-card1 {
  width: 24%;
  padding-bottom: 4.375rem;
}

/* .hughsnet-services-card2 {
  width: 40%;
} */

.hughsnet-services-card3 {
  width: 25%;
  padding-bottom: 4.375rem;
}

.high-speed-connectivity {
  display: flex;
  border-radius: 2.9063rem 0rem 0rem 2.9063rem;
  background: #fff;
  box-shadow: 0rem .25rem .25rem 0rem rgba(0, 0, 0, 0.25);
  padding: .6875rem;
}

.hugsnet-content h4 {
  color: #0091c4;
  text-align: right;
  font-size: .875rem;
  font-weight: 600;
}

.hugsnet-content p {
  color: #000;
  font-size: .8125rem;
  font-weight: 400;
  text-align: right;
  line-height: normal;
  max-width: 20.625rem;
}

.high-speed-connectivity {
  margin-bottom: 4.375rem;
  justify-content: space-between;
  align-items: center;
}

.high-speed-connectivity:nth-child(4) {
  margin-bottom: 0;
}

.ligthen-fast .hugsnet-content h4 {
  text-align: left;
}

.ligthen-fast .hugsnet-content p {
  text-align: left;
}

.hughsnet-services-card2 img {
  transform: translate(0rem, .3125rem);
}

.ligthen-fast .high-speed-connectivity {
  border-radius: 0rem 2.9063rem 2.9063rem 0rem;
  background: #fff;
  box-shadow: 0rem .25rem .25rem 0rem rgba(0, 0, 0, 0.25);
}

@media only screen and (max-width: 1600px) {
  html {
    font-size: 16px;
  }

  .hughsenet-section,
  .all-online-fast,
  .glace-1,
  .hughsnet-plan-heading p {
    max-width: 76.25rem;
  }

  .intro-fusion .glace-1 {
    max-width: 83.6875rem;
  }

  .hughsenet-heading h1 {
    font-size: 2.25rem;
  }

  .all-online-fast .online-fast-heading h2 {
    font-size: 2rem;
  }

  .glace-1 {
    align-items: center;
  }

  .glace-heading-image {
    width: 50%;
  }

  .glace-1 .glace-heading {
    width: 45%;
  }

  .all-main p {
    font-size: 1rem;
  }

  .glace-heading h2 {
    font-size: 1.5625rem;
  }

  .intro-fusion .glace-1 .glace-heading {
    width: 40%;
  }

  .hugsnet-content p {
    font-size: .8125rem;
  }
}

@media only screen and (max-width: 1440px) {
  html {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1340px) {
  html {
    font-size: 14px;
  }

  .hughsenet-section .hughsenet-heading {
    width: 55%;
  }

  .hughsenet-section .hughsenet-heading:nth-child(2) {
    width: 45%;
  }

  .hughsenet-section,
  .all-online-fast,
  .glace-1,
  .hughsnet-plan-heading p {
    max-width: 63.75rem;
  }

  .all-online-fast .online-fast-heading h2 {
    font-size: 1.625rem;
  }

  .all-online-fast .online-fast-heading h3 {
    font-size: .875rem;
  }

  .glacing-hughsnet .glace-heading-image img {
    height: 31.25rem;
    object-fit: cover;
  }

  .intro-fusion .glace-1 {
    max-width: 77.8125rem;
  }

  /* .intro-fusion{
        padding: 4.375rem 0rem;
    } */
  .lot-more-value .glace-1 .glace-heading {
    width: 54%;
  }

  .inter-sufring-listing ul li {
    font-size: 1rem;
  }

  .intro-fusion .glace-1 .glace-heading {
    width: 44%;
  }

  .lot-more-value .at-all-glace {
    background: url(hughsnet-home-page-lot-more-section.webp);
    height: 28.0625rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }

  .lot-more-value .glace-1 .glace-heading {
    width: 100%;
  }

  .main-button a {
    margin-top: .4375rem;
  }

  .inter-sufring-listing ul li {
    font-size: .875rem;
  }

  .hughsnet-plan-section .hughsnet-cards {
    flex-wrap: wrap;
  }

  .hughsnet-card1 {
    width: 24.6%;
  }

  .hughsenet-heading-list {
    height: 33%;
  }

  .hughsnet-package-services-card3 {
    margin: 1.25rem 0rem;
    width: 100%;
    padding: 1.5rem 1rem;
  }

  .hughsnet-package-services-card3 .hughsnet-bonus-zone h3 {
    font-size: 1.125rem;
  }

  .hughsnet-package-services-card3 .hughsnet-bonus-zone h4 {
    font-size: 0.8125rem;
  }

  .hughsnet-package-services-card3 .hughsnet-bonus-zone p {
    font-size: 0.8125rem;
    max-width: 100%;
  }

  .hughsnet-package-services-card3 .offer-dates {
    padding: 0.375rem 0.75rem;
  }

  .hughsnet-package-services-card3 .valid-until {
    font-size: 0.75rem;
  }

  .hughsnet-package-services-card2 {
    width: 50%;
    margin: .875rem auto;
    text-align: center;
  }

  .plan-bottom-lines p {
    padding: 0 1.25rem;
  }
}

@media only screen and (max-width: 1139px) {
  html {
    font-size: 14px;
  }

  .banner-background {
    background-position: bottom;
  }

  .hughsenet-heading h1 {
    font-size: 2.125rem;
  }

  .all-online-fast .online-fast-heading h2 {
    font-size: 1.5rem;
  }

  .hughsenet-section,
  .all-online-fast,
  .glace-1,
  .hughsnet-plan-heading p {
    max-width: 58.75rem;
  }

  .all-online-fast {
    column-gap: 16.1875rem;
  }

  .intro-fusion .glace-1 {
    max-width: 65.25rem;
  }

  .glace-heading p {
    font-size: .875rem;
  }

  .glace-heading h2 {
    font-size: 1.375rem;
    margin-bottom: .625rem;
  }

  .intro-fusion .main-button a {
    margin-top: 1.125rem;
  }

  .main-button a {
    font-size: 1rem;
    padding: .5rem .625rem;
  }

  .intro-fusion .glace-1 .glace-heading {
    width: 48%;
  }

  .intro-fusion {
    padding: 2.0625rem 0rem;
  }

  .fusion-hugshnet-plan .hughsnet-plan-background {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .accordion .accordion-item {
    width: 42%;
  }

  .online-fast-image p {
    font-size: .875rem;
  }
}

@media only screen and (max-width: 899px) {
  html {
    font-size: 14px;
  }

  .hughsenet-section,
  .all-online-fast,
  .glace-1 {
    flex-direction: column;
  }

  .hughsenet-section .hughsenet-heading {
    width: 100%;
  }

  .banner-background {
    background-position: unset;
  }

  .banner-section .hughsenet-section {
    justify-content: center;
  }

  .all-online-fast {
    padding: 0rem 1.25rem;
    row-gap: 1.25rem;
  }

  .online-fast-image {
    height: unset;
    padding: 1.25rem 0rem;
  }

  .all-online-buttn a {
    font-size: 1rem;
    padding: .375rem .375rem;
  }

  .all-online-buttn {
    padding: .25rem .25rem;
  }

  .online-fast-image p {
    max-width: 31.25rem;
    margin: .625rem auto 0;
  }

  .arrow {
    position: absolute;
    left: -229%;
  }

  .glace-1 .glace-heading,
  .glace-heading-image,
  .intro-fusion .glace-1 .glace-heading {
    width: 100%;
  }

  .glacing-hughsnet .glace-heading-image img {
    height: unset;
  }

  .glacing-hughsnet .glace-1 {
    row-gap: 1.875rem;
  }

  .at-a-glance {
    padding: 2.5rem 0rem;
  }

  .hughsnet-plan-heading p {
    max-width: 43.75rem;
    font-size: .875rem;
  }

  .hughsnet-cards {
    max-width: 43.75rem;
  }

  .starter-plan h4 {
    font-size: 1.6875rem;
  }

  .starter-plan h3 {
    font-size: 1.5rem;
  }

  .starter-plan {
    column-gap: .625rem;
  }

  .starter-plan h3 span {
    font-size: .75rem;
  }

  .month-plan .month-plan-prices:nth-child(2) h3:nth-child(1) {
    font-size: 1.875rem;
  }

  .month-plan .month-plan-prices h3 {
    font-size: 1.5625rem;
  }

  .month-plan {
    row-gap: .625rem;
    flex-direction: column;
  }

  .hughsnet-card1 {
    width: 27%;
  }

  .month-plan .month-plan-prices {
    width: unset;
    height: unset;
  }

  .hughsenet-heading-list.plans-listing h3 span {
    font-size: .8125rem;
  }

  .get-your-plan .online-fast-image {
    background-position: top;
  }

  .intro-fusion .glace-1 .glace-heading {
    max-width: 43.75rem;
  }

  .glace-1 {
    row-gap: 1.875rem;
  }

  .lot-more-value .glace-1 {
    justify-content: center;
    row-gap: 0;
  }

  .accordion .accordion-item {
    width: 70%;
    margin: .9375rem auto;
  }

  .Faqs-section {
    padding: 1.25rem 0rem;
  }
}

@media only screen and (max-width: 767px) {
  html {
    font-size: 13px;
  }

  .hughsnet-package-services-card3 {
    width: 79%;
    padding: 1.5rem 1rem;
    margin: 0 auto 1rem;
  }

  .hughsenet-heading h1 {
    font-size: 1.875rem;
    line-height: 2.5625rem;
  }

  .hughsenet-section {
    padding: 0 1.5625rem;
  }

  .all-main p {
    font-size: .875rem;
  }

  .banner-section .hughsenet-section p {
    line-height: 1.25rem;
  }

  .hughsenet-heading-list h3 span {
    font-size: .8125rem;
    line-height: 1.5rem;
  }

  .online-fast-heading {
    text-align: center;
  }

  .all-online-fast .online-fast-heading h2 {
    font-size: 1.875rem;
  }

  .all-online-fast .online-fast-heading h3 {
    max-width: 18.75rem;
    margin: .875rem auto 0rem;
  }

  .main-button a {
    font-size: .875rem;
    padding: .5625rem .5rem;
  }

  .main-button {
    display: flex;
    column-gap: .9375rem;
  }

  .all-online-fast {
    row-gap: 2.4375rem;
  }

  .free-paragraph p {
    font-size: .625rem;
    line-height: normal;
    max-width: 22.75rem;
    margin-top: 2.3125rem;
  }

  .glace-heading h2 {
    text-align: center;
  }

  .glace-heading p {
    line-height: 1.25rem;
  }

  .hughsenet-heading-list h3 span {
    font-size: .875rem;
  }

  .hughsnet-cards {
    flex-direction: column;
    row-gap: 1.25rem;
  }

  .hughsnet-package-services {
    flex-direction: column;
  }

  .hughsnet-plan-background,
  .fusion-hugshnet-plan .hughsnet-plan-background {
    background-image: unset;
    height: unset;
    margin-top: 1.5rem;
  }

  .hughsnet-card1,
  .fusion-hugshnet-plan .hughsnet-card1 {
    width: 67.9%;
    margin: 0 auto;
    min-height: 530px;
    max-height: 530px;
  }

  .fusion-hugshnet-plan .hughsnet-cards {
    margin-top: 1.5rem;
  }

  .month-plan {
    flex-wrap: nowrap;
    flex-direction: row;
  }

  .month-plan .month-plan-prices {
    width: 48%;
  }

  .starter-plan {
    column-gap: 1.875rem;
  }

  .starter-plan h4 {
    font-size: 3.125rem;
  }

  .starter-plan h3 {
    font-size: 1.875rem;
  }

  .hughsnet-plan-heading h2 {
    font-size: 1.375rem;
  }

  .hughsnet-plan-heading h3 {
    font-size: 1rem;
    margin: .375rem 0rem .625rem;
  }

  .hughsnet-plan-heading p {
    font-size: .875rem;
    text-align: justify;
    max-width: 21.8125rem;
  }

  .get-your-plan .all-online-fast .online-fast-heading h3 {
    text-align: center;
  }

  .hughsnet-plan-section {
    padding: 2.1875rem 0rem 5rem;
  }

  .get-your-plan .all-online-fast {
    flex-direction: column-reverse;
  }

  .intro-fusion .glace-heading h2 {
    max-width: 18.75rem;
    text-align: left;
    line-height: normal;
  }

  .at-a-glance {
    padding: 1.875rem 1.5625rem;
  }

  .intro-fusion .glace-heading-image {
    display: none;
  }

  .hughsnet-plan-section.fusion-hugshnet-plan {
    padding: 2.1875rem 0rem 2.5rem;
  }

  .fusion-hugshnet-plan .hughsnet-plan-heading p {
    text-align: center;
    line-height: normal;
  }

  .lot-more-value {
    margin-top: 3.75rem;
  }

  .lot-more-value .at-all-glace {
    height: unset;
    background-image: unset;
  }

  .hughsnet-services-background {
    flex-direction: column;
  }

  .hughsnet-services-card1,
  .hughsnet-services-card3 {
    width: 100%;
  }

  .fusion-hugshnet-plan .hughsnet-cards .hughsnet-card1 {
    width: 70%;
  }

  .hughsnet-package-services-card1 {
    width: 79%;
    margin: 0 auto;
  }

  .accordion .accordion-item {
    width: 84%;
    margin: .9375rem auto;
  }

  .accordion .accordion-content p {
    font-size: .875rem;
    line-height: 1.5625rem;
  }

  .main-button {
    justify-content: center;
    padding-top: 2rem;
  }

  .faqs-container h2 {
    font-size: 1.6875rem;
    line-height: 2.1875rem;
    margin-bottom: 1.25rem;
  }

  .faqs-container h2 {
    line-height: 2.1875rem;
  }

  .ligthen-fast .hugsnet-content p {
    margin-top: .25rem;
  }

  .high-speed-connectivity img {
    max-width: 71%;
    transform: translate(.375rem, .5rem);
  }

  .high-speed-connectivity div {
    text-align: center;
  }

  .high-speed-connectivity {
    margin-bottom: 1.25rem;
  }

  .hughsnet-services-card3 {
    margin-top: 1.25rem;
    padding-bottom: 3.125rem;
  }

  .intro-fusion .glace-heading h2 {
    max-width: unset;
  }

  .hughsnet-plan-heading {
    padding: 0 1.25rem;
  }
}

@media screen and (max-width:568px) {
  html {
    font-size: 12px;
  }

  .broad-band-box {
    width: calc(72.6% + 1.375rem);
  }

  .hughsnet-cards-with-brand-doc .hughsnet-card1 .main-button.plan-button {
    position: static;
  }

  .arrow {
    left: -205px;
  }
}