/* landing page 5 icons */
.card-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  /*margin-left:-20px;*/
  /*margin-right:-20px;*/
  margin-top:35px;
  & a {
    min-height: 115px !important;
    max-width: 190.17px;
    flex: 1 1 100%;
  }
}


.card {
	color:black;
  background: white;
  padding: 20px;
  border-radius: 16px !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  text-align: center;
  flex: 1 1 100%;
  box-sizing: border-box;
  min-height:115px;
  display:flex;
  font-family: "Roboto";
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  min-height: 115px !important;
  max-width: 190.17px;
  &.card-get-broadband::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='41' viewBox='0 0 40 41' fill='none'%3E%3Cg clip-path='url(%23clip0_2512_570)'%3E%3Cpath d='M16.371 4.01345L3.32924 14.3923C1.86241 15.5507 0.919445 18.0029 1.24162 19.8355L3.7431 34.7231C4.19362 37.3783 6.75272 39.5286 9.46374 39.5286H30.539C33.229 39.5286 35.8091 37.3601 36.2596 34.7231L38.7611 19.8355C39.0623 18.0029 38.122 15.5533 36.6735 14.3923L23.6344 4.03167C21.6201 2.42291 18.3643 2.42291 16.371 4.01345Z' stroke='%23FF7A00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.0095 25.6328C18.3984 23.3707 21.5992 23.3707 23.988 25.6328' stroke='%23FF7A00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.9878 21.6681C26.9715 20.6763 25.8426 19.911 24.677 19.3487C21.6857 17.9274 18.3355 17.9274 15.3233 19.3487C14.1577 19.911 13.0471 20.6763 12.0125 21.6681' stroke='%23FF7A00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.991 30.532H20.0075' stroke='%23FF7A00' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2512_570'%3E%3Crect width='40' height='40' fill='white' transform='translate(0 0.699951)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    margin-bottom: 13.3px;
  }
  &.card-check-coverage::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49' height='41' viewBox='0 0 49 41' fill='none'%3E%3Cg clip-path='url(%23clip0_2512_580)'%3E%3Cpath d='M26.4969 32.7368C25.3069 33.9533 23.3289 34.0034 22.0822 32.8448C18.4582 29.4744 14.7748 26.3409 12.5405 21.962C8.89765 14.8262 12.0062 6.46863 19.3514 3.51161C28.4101 -0.13265 38.4321 7.2928 37.3608 16.8116C36.9965 20.0451 35.7552 22.9073 33.5911 25.3008C31.3109 27.826 28.9174 30.2538 26.4942 32.7368H26.4969Z' stroke='%23FF7A00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.9803 28.8542L5.77201 33.9193C4.03048 35.613 5.26315 38.5107 7.72851 38.5107H41.2747C43.7401 38.5107 44.9727 35.613 43.2312 33.9193L38.0937 28.9231' stroke='%23FF7A00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.9229 17.5883C23.0656 15.4424 25.9375 15.4424 28.0802 17.5883' stroke='%23FF7A00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M31.3837 14.3696C30.5083 13.4265 29.5359 12.6962 28.5312 12.1641C25.9535 10.813 23.0687 10.813 20.4721 12.1641C19.4674 12.6992 18.5112 13.4265 17.6196 14.3696' stroke='%23FF7A00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.4374 22.014H24.4535' stroke='%23FF7A00' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2512_580'%3E%3Crect width='49' height='40' fill='white' transform='translate(0 0.699951)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    margin-bottom: 13.3px;
  }
  &.card-shop-devices::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='49' height='44' viewBox='0 0 49 44' fill='none'><path d='M45.7359 10.5911C45.7359 3.47348 43.795 1.69995 36.0189 1.69995H11.717C3.93784 1.69995 2 3.47348 2 10.5911V23.2617C2 30.3794 3.94093 32.1529 11.717 32.1529H20.4636V41.7M2 23.7058H20.4636M12.9378 41.6999H20.4605M36.0282 34.9H36.0498M47 23.3882V35.447C47 40.4529 45.637 41.697 40.1696 41.697H31.9763C26.5058 41.697 25.1459 40.45 25.1459 35.447V23.3882C25.1459 18.3823 26.5089 17.1382 31.9763 17.1382H40.1696C45.6401 17.1382 47 18.3852 47 23.3882Z' stroke='%23FF7A00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>");  
    margin-bottom: 11.3px;
  }
  &.card-pay-bills::before {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='41' height='41' viewBox='0 0 41 41' fill='none'><g clip-path='url(%23clip0_2512_595)'><path d='M39.7427 20.7C39.7427 31.0678 31.123 39.4831 20.5 39.4831C9.87699 39.4831 1.25732 31.0678 1.25732 20.7C1.25732 10.3322 9.87699 1.91687 20.5 1.91687' stroke='%23FF7A00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M39.7427 9.42904V1.91687H32.045' stroke='%23FF7A00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M30.12 11.3084L39.7427 1.91687' stroke='%23FF7A00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M16.9614 22.6407L19.5109 26.6259H16.4247L14.2479 22.8925H11.9519V26.6259H9.26831V16.2999H14.7996C17.2149 16.2999 19.1679 16.8629 19.1679 19.5444C19.1679 21.411 18.2436 22.2703 16.9614 22.6407ZM14.6952 18.2555H11.9519V20.9221H14.6952C15.4705 20.9221 16.4545 20.8184 16.4545 19.574C16.4545 18.3444 15.4556 18.2555 14.6952 18.2555Z' fill='%23FF7A00'/><path d='M27.2459 22.774L30.3619 16.2999H33.9699V26.6259H31.2713V19.7814L28.4535 25.6925H26.0979L23.2801 19.8259V26.6259H20.5815V16.2999H24.1597L27.2459 22.774Z' fill='%23FF7A00'/></g><defs><clipPath id='clip0_2512_595'><rect width='41' height='40' fill='white' transform='translate(0 0.699951)'/></clipPath></defs></svg>");
    margin-bottom: 13.3px;
  }
  &.card-upgrade-plans::before {
    content: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='41'%20viewBox='0%200%2040%2041'%20fill='none'%3E%3Cg%20clip-path='url(%23clip0_2512_604)'%3E%3Cpath%20d='M19.6914%2038.7787C29.8532%2038.7787%2038.089%2030.5414%2038.089%2020.3811C38.089%2010.2208%2029.8505%201.98352%2019.6914%201.98352C9.53226%201.98352%201.29382%2010.2208%201.29382%2020.3811C1.29382%2030.5414%209.52959%2038.7787%2019.6914%2038.7787Z'%20stroke='%23FF7A00'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M20.9179%2031.4197H19.0257M19.0257%2031.4197C18.6012%2031.4197%2018.7322%2031.4197%2018.8149%2031.4197M19.0257%2031.4197H17.9742'%20stroke='%23FF7A00'%20stroke-width='3'%20stroke-linecap='round'/%3E%3Cpath%20d='M23.8615%2027.0043H18.5005M18.5005%2027.0043C17.2975%2027.0043%2017.6716%2027.0043%2017.9057%2027.0043M18.5005%2027.0043H15.5212'%20stroke='%23FF7A00'%20stroke-width='3'%20stroke-linecap='round'/%3E%3Cpath%20d='M19.446%2022.0982V10.8143'%20stroke='%23FF7A00'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M14.0494%2014.7392L19.6914%209.34253L25.3333%2014.7392'%20stroke='%23FF7A00'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id='clip0_2512_604'%3E%3Crect%20width='40'%20height='40'%20fill='white'%20transform='translate(0%200.699951)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    margin-bottom: 13.3px;
  }
  &.newcard {
  	border:1px solid #E6E6E6 !important;
  	background-color:#f6f6f6;
  }
  &.newcard:hover {
  	background-color:#FFF5F0;;
  }
}

/* Limit max width on desktop */
@media (min-width: 769px) {
  .card {
    flex: 1 1 0;
    max-width: 190.17px;
  }
}

/* On mobile: first card full width, others 2-column grid */
@media (max-width: 768px) {
  .card-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  a:nth-child(1), .card[data-type="broadband"] {
      grid-column: span 2;
      max-width: unset;
  }
  
  .quicklinks {
    .container {
        margin-left: -20px !important;
        margin-right: -20px !important;
    }
    & h2 {
        margin-bottom:4px !important;
    }
  }  
  
}

/* landing page 5 icons */


.tophat-3mw {
  position: relative;
  /* margin-top:-42px; */
  margin-bottom: -25px;
  text-align:center;
  width:100%;
  /* margin-left: -20px; */
  padding-top: 6px;
  padding-bottom: 34px;
  background: repeating-linear-gradient(
    45deg,
    #FF5E00,
    #FF5E00 20px,
    #FF7A00 20px,
    #FF7A00 40px
  );
  border-radius: 16px 16px 0 0 !important;
  color: white;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  z-index: 0 !important;
  margin-top: -10px;
}
.card-get-broadband {
  position: relative !important;
  /* z-index: 1 !important; */
  margin-top: -30px;
}
.tophat-3mw-container {
  margin-top: -14px;
}
@media screen and (max-width: 768px) {
  .tophat-3mw {
    //display: none;
  }
  .tophat-3mw-container {
    margin-top: 0px !important;
  }
	.card-get-broadband {
  	margin-top: 0px !important;
	}
	.card-wrapper {
    & a {
    	max-width: unset;
    	& .card {
    		max-width: unset;
			}
		}
	}
}