.custom-footer {
    margin-left:0px;
    margin-right:0px;
  }
  
  .bg-wrapper-main {
    background-color: #FFEDE2;
    padding-top:20px;
    padding-bottom: 20px;
    margin-left:0px;
    margin-right:0px;
  }
  
  .bg-wrapper-main .card-wrapper {
    margin: auto 12px;
    padding-bottom: 1px;
  }
  
  .bg-wrapper-main .bg-gradient {
    background: linear-gradient(to bottom, #ff5e00, #ffb4a9, #ffb4a9, #1800e7);
    border-radius: 24px !important;
    
  }
  
  .bg-wrapper-main .card-inner {
    border-radius: 22px !important;
    margin: 2px;
    margin-bottom: 1px;
  }
  
  .bg-wrapper-main .with-wrapper-main {
    background-color: #FFF8F5;
  }
  
  .bg-wrapper-main .without-wrapper-main {
    background-color: #FBFBFB;
    border:1px solid #EFE5DE;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1); 
  }
  
  .add-drop-shadow {
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1); 
  }
  
  .bg-wrapper-main .title-main {
    width: 100%;
    text-align: center;
    font-family: "HK-Grostek-Wide";
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: white;
    margin-top: 8px;
    margin-bottom: 5px;
  }
  
  .bg-wrapper-main-label {
    border-radius: 22px 0px 22px 0px !important;
    border:1px solid #C4BCFF;
    width: 112px;
    background-color: #E9E6FF;
    height: 24px;
    display: flex;
    justify-content: center;
  }
  
  .bg-wrapper-main-label p {
    font-size:14px;
    color: #1800E7;
  }
  
  .bg-wrapper-main-label-broadband {
    border-radius: 22px 0px 22px 0px !important;
    border:1px solid #EFE5DE;
    width: 112px;
    background-color: #FFF4EC;
    height: 24px;
    display: flex;
    justify-content: center;
  }
  
  .bg-wrapper-main-label-broadband p {
    font-size:14px;
    color: #FF5E00;
  }
  
  .inner-content {
    /* padding:20px 0px 32px 32px; */ /* this + parent div 12px */
  }
  
  .inner-content-broadband {
    padding: 10px 10px 32px 32px; /* this + parent div 12px */
  }
  
  .inner-content-title {
    font-size:12px;
    font-weight: 700;
    line-height: 14px;
    color: #1A1A1A;
  }
  
  .inner-content-package {
    font-family: "HK-Grostek-Wide";
    font-size:32px;
    color: #FF5E00;
    font-weight: 700;
  }
  
  .inner-content-description {
    margin-top: 8px;
    color: #1A1A1A;
    font-size: 12px;
    line-height: 14px;
  }
  
  .inner-content-description-dual {
    margin-top: 8px;
    color: #1A1A1A;
    font-size: 20px;
    line-height: 28px;
  }
  
  .inner-content .included-item {
    padding-left: 0px;
    position: relative;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
  }
  
  .inner-content .included-description {
    color: #686058;
    font-size: 12px;
    font-weight: 400;
    font-family: "Roboto";
  }
  
  .inner-content .included-bandwidth:before {
    width: 25px; /* Size of the circle */
    height: 25px; /* Size of the circle */
    border-radius: 50%; /* Makes it circular */
    background-color: #FFEDE2; /* Background color of the circle */
    background-image: url("https://unifi.com.my/sites/default/files/page/check-coverage/img/sync_alt.png");
    background-size: 50%; /* Adjust the size of the icon */
    background-position: center; /* Center the icon inside the circle */
    background-repeat: no-repeat; /* Prevent repeating the image */
    display: flex; /* Enables Flexbox (if you need text or other items) */
    justify-content: center; /* Horizontally center any child elements */
    align-items: center; /* Vertically center any child elements */
    /* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='-8 -5 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_5186_10502)'%3E%3Cpath d='M5.20857 17C4.75857 17 4.53857 17.54 4.85857 17.85L7.64857 20.64C7.84857 20.84 8.15857 20.84 8.35857 20.64L11.1486 17.85C11.4586 17.54 11.2386 17 10.7886 17H8.99857L8.99857 14C8.99857 13.45 8.54857 13 7.99857 13C7.44857 13 6.99857 13.45 6.99857 14L6.99857 17H5.20857ZM6.99857 9.99996C6.99857 9.44996 7.44857 8.99996 7.99857 8.99996C8.54857 8.99996 8.99857 9.44996 8.99857 9.99996C8.99857 10.55 8.54857 11 7.99857 11C7.44857 11 6.99857 10.55 6.99857 9.99996ZM6.99857 5.99996C6.99857 5.44996 7.44857 4.99996 7.99857 4.99996C8.54857 4.99996 8.99857 5.44996 8.99857 5.99996C8.99857 6.54996 8.54857 6.99996 7.99857 6.99996C7.44857 6.99996 6.99857 6.54996 6.99857 5.99996ZM16.9986 6.99996V9.99996C16.9986 10.55 16.5486 11 15.9986 11C15.4486 11 14.9986 10.55 14.9986 9.99996L14.9986 6.99996H13.2086C12.7586 6.99996 12.5386 6.45996 12.8586 6.14996L15.6486 3.35996C15.8486 3.15996 16.1586 3.15996 16.3586 3.35996L19.1486 6.14996C19.4586 6.45996 19.2386 6.99996 18.7886 6.99996L16.9986 6.99996ZM16.9986 14C16.9986 14.55 16.5486 15 15.9986 15C15.4486 15 14.9986 14.55 14.9986 14C14.9986 13.45 15.4486 13 15.9986 13C16.5486 13 16.9986 13.45 16.9986 14ZM16.9986 18C16.9986 18.55 16.5486 19 15.9986 19C15.4486 19 14.9986 18.55 14.9986 18C14.9986 17.45 15.4486 17 15.9986 17C16.5486 17 16.9986 17.45 16.9986 18Z' fill='%23ff7a00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5186_10502'%3E%3Crect width='24' height='24' fill='white' transform='matrix(0 1 1 0 0 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); */
    content: '';
    margin-right: 10px;
  }
  
  .inner-content .included-router:before {
    width: 25px; /* Size of the circle */
    height: 25px; /* Size of the circle */
    border-radius: 50%; /* Makes it circular */
    background-color: #FFEDE2; /* Background color of the circle */
    background-image: url("https://unifi.com.my/sites/default/files/page/check-coverage/img/router.png");
    background-size: 50%; /* Adjust the size of the icon */
    background-position: center; /* Center the icon inside the circle */
    background-repeat: no-repeat; /* Prevent repeating the image */
    display: flex; /* Enables Flexbox (if you need text or other items) */
    justify-content: center; /* Horizontally center any child elements */
    align-items: center; /* Vertically center any child elements */
    /* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='-8 -5 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_5186_10502)'%3E%3Cpath d='M5.20857 17C4.75857 17 4.53857 17.54 4.85857 17.85L7.64857 20.64C7.84857 20.84 8.15857 20.84 8.35857 20.64L11.1486 17.85C11.4586 17.54 11.2386 17 10.7886 17H8.99857L8.99857 14C8.99857 13.45 8.54857 13 7.99857 13C7.44857 13 6.99857 13.45 6.99857 14L6.99857 17H5.20857ZM6.99857 9.99996C6.99857 9.44996 7.44857 8.99996 7.99857 8.99996C8.54857 8.99996 8.99857 9.44996 8.99857 9.99996C8.99857 10.55 8.54857 11 7.99857 11C7.44857 11 6.99857 10.55 6.99857 9.99996ZM6.99857 5.99996C6.99857 5.44996 7.44857 4.99996 7.99857 4.99996C8.54857 4.99996 8.99857 5.44996 8.99857 5.99996C8.99857 6.54996 8.54857 6.99996 7.99857 6.99996C7.44857 6.99996 6.99857 6.54996 6.99857 5.99996ZM16.9986 6.99996V9.99996C16.9986 10.55 16.5486 11 15.9986 11C15.4486 11 14.9986 10.55 14.9986 9.99996L14.9986 6.99996H13.2086C12.7586 6.99996 12.5386 6.45996 12.8586 6.14996L15.6486 3.35996C15.8486 3.15996 16.1586 3.15996 16.3586 3.35996L19.1486 6.14996C19.4586 6.45996 19.2386 6.99996 18.7886 6.99996L16.9986 6.99996ZM16.9986 14C16.9986 14.55 16.5486 15 15.9986 15C15.4486 15 14.9986 14.55 14.9986 14C14.9986 13.45 15.4486 13 15.9986 13C16.5486 13 16.9986 13.45 16.9986 14ZM16.9986 18C16.9986 18.55 16.5486 19 15.9986 19C15.4486 19 14.9986 18.55 14.9986 18C14.9986 17.45 15.4486 17 15.9986 17C16.5486 17 16.9986 17.45 16.9986 18Z' fill='%23ff7a00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5186_10502'%3E%3Crect width='24' height='24' fill='white' transform='matrix(0 1 1 0 0 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); */
    content: '';
    margin-right: 10px;
  }
  
  .inner-content .included-service:before {
    width: 25px; /* Size of the circle */
    height: 25px; /* Size of the circle */
    border-radius: 50%; /* Makes it circular */
    background-color: #FFEDE2; /* Background color of the circle */
    background-image: url("https://unifi.com.my/sites/default/files/page/check-coverage/img/support.png");
    background-size: 50%; /* Adjust the size of the icon */
    background-position: center; /* Center the icon inside the circle */
    background-repeat: no-repeat; /* Prevent repeating the image */
    display: flex; /* Enables Flexbox (if you need text or other items) */
    justify-content: center; /* Horizontally center any child elements */
    align-items: center; /* Vertically center any child elements */
    /* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='-8 -5 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_5186_10502)'%3E%3Cpath d='M5.20857 17C4.75857 17 4.53857 17.54 4.85857 17.85L7.64857 20.64C7.84857 20.84 8.15857 20.84 8.35857 20.64L11.1486 17.85C11.4586 17.54 11.2386 17 10.7886 17H8.99857L8.99857 14C8.99857 13.45 8.54857 13 7.99857 13C7.44857 13 6.99857 13.45 6.99857 14L6.99857 17H5.20857ZM6.99857 9.99996C6.99857 9.44996 7.44857 8.99996 7.99857 8.99996C8.54857 8.99996 8.99857 9.44996 8.99857 9.99996C8.99857 10.55 8.54857 11 7.99857 11C7.44857 11 6.99857 10.55 6.99857 9.99996ZM6.99857 5.99996C6.99857 5.44996 7.44857 4.99996 7.99857 4.99996C8.54857 4.99996 8.99857 5.44996 8.99857 5.99996C8.99857 6.54996 8.54857 6.99996 7.99857 6.99996C7.44857 6.99996 6.99857 6.54996 6.99857 5.99996ZM16.9986 6.99996V9.99996C16.9986 10.55 16.5486 11 15.9986 11C15.4486 11 14.9986 10.55 14.9986 9.99996L14.9986 6.99996H13.2086C12.7586 6.99996 12.5386 6.45996 12.8586 6.14996L15.6486 3.35996C15.8486 3.15996 16.1586 3.15996 16.3586 3.35996L19.1486 6.14996C19.4586 6.45996 19.2386 6.99996 18.7886 6.99996L16.9986 6.99996ZM16.9986 14C16.9986 14.55 16.5486 15 15.9986 15C15.4486 15 14.9986 14.55 14.9986 14C14.9986 13.45 15.4486 13 15.9986 13C16.5486 13 16.9986 13.45 16.9986 14ZM16.9986 18C16.9986 18.55 16.5486 19 15.9986 19C15.4486 19 14.9986 18.55 14.9986 18C14.9986 17.45 15.4486 17 15.9986 17C16.5486 17 16.9986 17.45 16.9986 18Z' fill='%23ff7a00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5186_10502'%3E%3Crect width='24' height='24' fill='white' transform='matrix(0 1 1 0 0 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); */
    content: '';
    margin-right: 10px;
  }
  
  /* .inner-content .included-bandwidth:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_5186_10502)'%3E%3Cpath d='M5.20857 17C4.75857 17 4.53857 17.54 4.85857 17.85L7.64857 20.64C7.84857 20.84 8.15857 20.84 8.35857 20.64L11.1486 17.85C11.4586 17.54 11.2386 17 10.7886 17H8.99857L8.99857 14C8.99857 13.45 8.54857 13 7.99857 13C7.44857 13 6.99857 13.45 6.99857 14L6.99857 17H5.20857ZM6.99857 9.99996C6.99857 9.44996 7.44857 8.99996 7.99857 8.99996C8.54857 8.99996 8.99857 9.44996 8.99857 9.99996C8.99857 10.55 8.54857 11 7.99857 11C7.44857 11 6.99857 10.55 6.99857 9.99996ZM6.99857 5.99996C6.99857 5.44996 7.44857 4.99996 7.99857 4.99996C8.54857 4.99996 8.99857 5.44996 8.99857 5.99996C8.99857 6.54996 8.54857 6.99996 7.99857 6.99996C7.44857 6.99996 6.99857 6.54996 6.99857 5.99996ZM16.9986 6.99996V9.99996C16.9986 10.55 16.5486 11 15.9986 11C15.4486 11 14.9986 10.55 14.9986 9.99996L14.9986 6.99996H13.2086C12.7586 6.99996 12.5386 6.45996 12.8586 6.14996L15.6486 3.35996C15.8486 3.15996 16.1586 3.15996 16.3586 3.35996L19.1486 6.14996C19.4586 6.45996 19.2386 6.99996 18.7886 6.99996L16.9986 6.99996ZM16.9986 14C16.9986 14.55 16.5486 15 15.9986 15C15.4486 15 14.9986 14.55 14.9986 14C14.9986 13.45 15.4486 13 15.9986 13C16.5486 13 16.9986 13.45 16.9986 14ZM16.9986 18C16.9986 18.55 16.5486 19 15.9986 19C15.4486 19 14.9986 18.55 14.9986 18C14.9986 17.45 15.4486 17 15.9986 17C16.5486 17 16.9986 17.45 16.9986 18Z' fill='%23ff7a00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5186_10502'%3E%3Crect width='24' height='24' fill='white' transform='matrix(0 1 1 0 0 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    padding-right: 10px;
  }
  
  .inner-content .included-bandwidth:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_5186_10502)'%3E%3Cpath d='M5.20857 17C4.75857 17 4.53857 17.54 4.85857 17.85L7.64857 20.64C7.84857 20.84 8.15857 20.84 8.35857 20.64L11.1486 17.85C11.4586 17.54 11.2386 17 10.7886 17H8.99857L8.99857 14C8.99857 13.45 8.54857 13 7.99857 13C7.44857 13 6.99857 13.45 6.99857 14L6.99857 17H5.20857ZM6.99857 9.99996C6.99857 9.44996 7.44857 8.99996 7.99857 8.99996C8.54857 8.99996 8.99857 9.44996 8.99857 9.99996C8.99857 10.55 8.54857 11 7.99857 11C7.44857 11 6.99857 10.55 6.99857 9.99996ZM6.99857 5.99996C6.99857 5.44996 7.44857 4.99996 7.99857 4.99996C8.54857 4.99996 8.99857 5.44996 8.99857 5.99996C8.99857 6.54996 8.54857 6.99996 7.99857 6.99996C7.44857 6.99996 6.99857 6.54996 6.99857 5.99996ZM16.9986 6.99996V9.99996C16.9986 10.55 16.5486 11 15.9986 11C15.4486 11 14.9986 10.55 14.9986 9.99996L14.9986 6.99996H13.2086C12.7586 6.99996 12.5386 6.45996 12.8586 6.14996L15.6486 3.35996C15.8486 3.15996 16.1586 3.15996 16.3586 3.35996L19.1486 6.14996C19.4586 6.45996 19.2386 6.99996 18.7886 6.99996L16.9986 6.99996ZM16.9986 14C16.9986 14.55 16.5486 15 15.9986 15C15.4486 15 14.9986 14.55 14.9986 14C14.9986 13.45 15.4486 13 15.9986 13C16.5486 13 16.9986 13.45 16.9986 14ZM16.9986 18C16.9986 18.55 16.5486 19 15.9986 19C15.4486 19 14.9986 18.55 14.9986 18C14.9986 17.45 15.4486 17 15.9986 17C16.5486 17 16.9986 17.45 16.9986 18Z' fill='%23ff7a00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5186_10502'%3E%3Crect width='24' height='24' fill='white' transform='matrix(0 1 1 0 0 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    padding-right: 10px;
  } */
  
  
  
  .inner-content-bg {
    padding: 0px 20px 32px 44px;
  }
  
  .inner-content-bg-broadband {
    padding: 0px 11px 32px 20px;
  }
  
  .inner-content-right {
    border-radius: 16px !important;
    background-color: white;
    padding:14px;
    padding-top: 20px;
  }
  
  .inner-content-right-broadband {
    border:1px solid #E4E4E4;
    padding: 14px;
  }
  
  .inner-content-right .list-item {
    position: relative;
    display: flex;
    font-size: 14px;
    margin-bottom: 0px !important;
    /* justify-content: center; */
    align-items: center;
  }
  
  .inner-content-right .list-item text{
    font-size: 12px;
    margin-bottom: 8px;
    line-height: 14px;
  }
  
  .inner-content-right .list-item img {
    margin-right: 10px;
    height: 20px;
    width: 20px;
  }
  
  .inner-content .card-included .title {
    font-size:14px;
    margin-top:42px;
    margin-bottom: 8px;
  }
  
  .inner-content-price {
    margin-top: 8px;
  }
  
  .inner-content-price p {
    margin-top: 8px;
    font-size:32px;
    line-height: 38px;
    color: #1800E7;
    font-weight: 700;
    margin-bottom: 8px;
  }
  
  .inner-content-contract {
    font-size:16px;
    line-height: 19px;
    color: black;
    font-weight: 400;
  }
  
  .inner-content-contract-slashed {
    font-size:12px;
    line-height: 14px;
    color: #FF5E00;
    font-weight: 400;
    text-decoration:line-through;
  }
  
  .inner-content-bg .bluearrow_btn,.inner-content-bg-dual .bluearrow_btn {
    background: #FF5E00 !important;
    font-family: "HK-Grostek-Wide" !important;
    text-transform: uppercase;
  }
  
  .bluearrow_btn div:before {
    background: url(/sites/default/files/page/assets/revamp/uem/primary-btn-orange-fg-shadow.png) no-repeat right center !important;
  }
  
  .bluearrow_btn_blue div:before {
    background: url(https://unifi.com.my/sites/default/files/page/assets/revamp/landing/primary-btn-fg-shadow.png) no-repeat right center !important;
  }
  
  
  .bluearrow_btn a:hover {
    background-color: red !important;
  }
  
  .inner-content-bg-dual {
    padding: 0px 20px 22px 20px;
  }
  
  
  .dual-height {
    height:100% !important;
    min-height: 260px !important;
  }
  
  .pill {
    border-radius: 14px !important;
    background: linear-gradient(93deg, #FF5E00 0%, #1800E7 102.1%);
    display: inline-flex;
    align-items: center; /* Vertically center the content */
    justify-content: left; /* Horizontally center the content */
    margin-top: 18px;
    margin-bottom: 0; /* Remove negative margin */
    height: 24px; /* Fixed height of 24px */
    padding: 0; /* Remove any extra padding from the pill itself */
    box-sizing: border-box; /* Ensure padding and border are included in width/height */
    white-space: nowrap; /* Prevent text from wrapping */
    width: auto;
  }
  
  .pill p {
    font-family: "Roboto";
    font-size: 14px !important; /* Default font size for desktop */
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* Line height adjusted for default font size */
    color: white;
    margin: 0; /* Remove default margin from <p> tag */
    padding: 2px 9px; /* Adjust padding to allow text to fit inside pill */
    text-align: center; /* Ensure text is centered */
  }
  
  /* .bundle-toggle {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><defs><linearGradient id='grad' x1='0' y1='0' x2='1' y2='1'><stop offset='0%' style='stop-color:%23f6f6f6' /><stop offset='100%' style='stop-color:%23ffffff' /></linearGradient></defs><circle cx='12' cy='12' r='10' stroke='%23ececec' stroke-width='2' fill='url(%23grad)' /></svg>");
  } */
  
  .bg-redlight {
    background-color: white !important;
  }
  
  .custom-footer {
      border-radius: 0px 0px 24px 24px !important;
      background-color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-top:18px;
      padding-bottom:18px;
  }
  
  .explore-all-plans {
    background-color: #1800E7;
    color: white;
    border-radius: 30px !important;
    line-height: 24px;
    padding-top: 13px;
    padding-bottom: 13px;
    width: auto; /* Ensure the width adjusts to the content */
    max-width: 210px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    text-decoration: none;
    margin: 0 auto; /* This ensures centering in its parent */
  }
  
  .explore-all-plans:hover {
    color: white;
  }
  
  
  
  @media (max-width: 1400px) {
    .dual-height {
      height: 100% !important;
      min-height: 260px !important;
    }
  }
  
  @media (max-width: 1200px) {
    .dual-height {
      height: 100% !important;
      min-height: 286px !important;
    }
  }
  
  @media (max-width: 992px) {
    .dual-height {
      height: 100% !important;
      min-height: 313px !important;
    }
  }
  
  @media (max-width: 576px) {
    .mappingspecial {
      //height:1500px;
    }
  
    .inner-content-bg-broadband {
        padding: 0px 10px 22px 10px;
    }
  
    .inner-content-broadband {
      padding: 0px 10px 22px 10px;
    }
  
    .pill {
      padding: 0; /* Ensure no extra padding on the pill itself */
    }
  
    .pill p {
      font-size: 12px; /* Change font size to 12px on mobile */
      line-height: 14px; /* Adjust line-height to match the smaller font size */
      padding: 2px 9px; /* Adjust padding for smaller screens */
      margin-bottom:0px !important;
    }
  
    .bg-wrapper-main,.custom-footer {
      margin: 0 0.55rem !important;
    }
    
    .broadband-only-status {
        flex-direction: column;
    }
  
  .check-coverage-tab {
      flex-direction: row;
      justify-content: space-between;
  }
  
  .overlappingbar-mobile {
  z-index: 1001 !important;
  margin: -6.75rem auto;
          position: absolute;
  }
  
  }
  
  .dropdown-details .content,.dropdown-details .title  {
    height:unset;
    margin:0px !important;
  }
  
  .btn-arrow::before {
    width: 25px; /* Size of the circle */
    height: 25px; /* Size of the circle */
    border-radius: 50%; /* Makes it circular */
    /* background-color: #FFEDE2; */
    background-image: url("https://unifi.com.my/sites/default/files/page/check-coverage/img/keyboard_arrow_down.png");
    background-size: 50%; /* Adjust the size of the icon */
    background-position: center; /* Center the icon inside the circle */
    background-repeat: no-repeat; /* Prevent repeating the image */
    display: flex; /* Enables Flexbox (if you need text or other items) */
    justify-content: center; /* Horizontally center any child elements */
    align-items: center; /* Vertically center any child elements */
    /* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='-8 -5 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_5186_10502)'%3E%3Cpath d='M5.20857 17C4.75857 17 4.53857 17.54 4.85857 17.85L7.64857 20.64C7.84857 20.84 8.15857 20.84 8.35857 20.64L11.1486 17.85C11.4586 17.54 11.2386 17 10.7886 17H8.99857L8.99857 14C8.99857 13.45 8.54857 13 7.99857 13C7.44857 13 6.99857 13.45 6.99857 14L6.99857 17H5.20857ZM6.99857 9.99996C6.99857 9.44996 7.44857 8.99996 7.99857 8.99996C8.54857 8.99996 8.99857 9.44996 8.99857 9.99996C8.99857 10.55 8.54857 11 7.99857 11C7.44857 11 6.99857 10.55 6.99857 9.99996ZM6.99857 5.99996C6.99857 5.44996 7.44857 4.99996 7.99857 4.99996C8.54857 4.99996 8.99857 5.44996 8.99857 5.99996C8.99857 6.54996 8.54857 6.99996 7.99857 6.99996C7.44857 6.99996 6.99857 6.54996 6.99857 5.99996ZM16.9986 6.99996V9.99996C16.9986 10.55 16.5486 11 15.9986 11C15.4486 11 14.9986 10.55 14.9986 9.99996L14.9986 6.99996H13.2086C12.7586 6.99996 12.5386 6.45996 12.8586 6.14996L15.6486 3.35996C15.8486 3.15996 16.1586 3.15996 16.3586 3.35996L19.1486 6.14996C19.4586 6.45996 19.2386 6.99996 18.7886 6.99996L16.9986 6.99996ZM16.9986 14C16.9986 14.55 16.5486 15 15.9986 15C15.4486 15 14.9986 14.55 14.9986 14C14.9986 13.45 15.4486 13 15.9986 13C16.5486 13 16.9986 13.45 16.9986 14ZM16.9986 18C16.9986 18.55 16.5486 19 15.9986 19C15.4486 19 14.9986 18.55 14.9986 18C14.9986 17.45 15.4486 17 15.9986 17C16.5486 17 16.9986 17.45 16.9986 18Z' fill='%23ff7a00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5186_10502'%3E%3Crect width='24' height='24' fill='white' transform='matrix(0 1 1 0 0 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); */
    content: '';
    padding-right: 10px;
  }
  
  .btn-arrow.rotated::before {
    width: 25px; /* Size of the circle */
    height: 25px; /* Size of the circle */
    border-radius: 50%; /* Makes it circular */
    /* background-color: #FFEDE2; */
    background-image: url("https://unifi.com.my/sites/default/files/page/check-coverage/img/keyboard_arrow_down.png");
    transform: rotate(180deg); /* Apply 180 degrees rotation */
    background-size: 50%; /* Adjust the size of the icon */
    background-position: center; /* Center the icon inside the circle */
    background-repeat: no-repeat; /* Prevent repeating the image */
    display: flex; /* Enables Flexbox (if you need text or other items) */
    justify-content: center; /* Horizontally center any child elements */
    align-items: center; /* Vertically center any child elements */
    /* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='-8 -5 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_5186_10502)'%3E%3Cpath d='M5.20857 17C4.75857 17 4.53857 17.54 4.85857 17.85L7.64857 20.64C7.84857 20.84 8.15857 20.84 8.35857 20.64L11.1486 17.85C11.4586 17.54 11.2386 17 10.7886 17H8.99857L8.99857 14C8.99857 13.45 8.54857 13 7.99857 13C7.44857 13 6.99857 13.45 6.99857 14L6.99857 17H5.20857ZM6.99857 9.99996C6.99857 9.44996 7.44857 8.99996 7.99857 8.99996C8.54857 8.99996 8.99857 9.44996 8.99857 9.99996C8.99857 10.55 8.54857 11 7.99857 11C7.44857 11 6.99857 10.55 6.99857 9.99996ZM6.99857 5.99996C6.99857 5.44996 7.44857 4.99996 7.99857 4.99996C8.54857 4.99996 8.99857 5.44996 8.99857 5.99996C8.99857 6.54996 8.54857 6.99996 7.99857 6.99996C7.44857 6.99996 6.99857 6.54996 6.99857 5.99996ZM16.9986 6.99996V9.99996C16.9986 10.55 16.5486 11 15.9986 11C15.4486 11 14.9986 10.55 14.9986 9.99996L14.9986 6.99996H13.2086C12.7586 6.99996 12.5386 6.45996 12.8586 6.14996L15.6486 3.35996C15.8486 3.15996 16.1586 3.15996 16.3586 3.35996L19.1486 6.14996C19.4586 6.45996 19.2386 6.99996 18.7886 6.99996L16.9986 6.99996ZM16.9986 14C16.9986 14.55 16.5486 15 15.9986 15C15.4486 15 14.9986 14.55 14.9986 14C14.9986 13.45 15.4486 13 15.9986 13C16.5486 13 16.9986 13.45 16.9986 14ZM16.9986 18C16.9986 18.55 16.5486 19 15.9986 19C15.4486 19 14.9986 18.55 14.9986 18C14.9986 17.45 15.4486 17 15.9986 17C16.5486 17 16.9986 17.45 16.9986 18Z' fill='%23ff7a00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5186_10502'%3E%3Crect width='24' height='24' fill='white' transform='matrix(0 1 1 0 0 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); */
    content: '';
    padding-right: 10px;
  }
  
  .content-netflix .list-item {
      color: #686058;
      font-size: 12px !important;
      font-weight: 400;
      font-family: "Roboto";
      line-height: 14px;
      margin-bottom: 8px !important;
  }
  
  .content-netflix .netflix-title {
    font-size:14px !important;
    padding-left:30px;
    font-weight: 700 !important;
    margin-top: 10px;
  }
  
  .inner-content-right-broadband .bundle-toggle {
    border-radius: 4px !important;
    border: 1px solid #CECECE;
    height: 24px !important;
    width: 24px !important;
    display: inline-block;  /* Ensures the element respects the size */
    background-color: transparent;  /* Optional: Ensures no background */
    padding: 0 !important;   /* Remove any padding that might increase the size */
    margin: 0 !important;    /* Remove any margin that might be causing spacing issues */
  }
  
  /*.inner-content-right-broadband .option:hover .bundle-toggle {
    color: #FFFFFF;
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M64%2080c-8.8%200-16%207.2-16%2016l0%20320c0%208.8%207.2%2016%2016%2016l320%200c8.8%200%2016-7.2%2016-16l0-320c0-8.8-7.2-16-16-16L64%2080zM0%2096C0%2060.7%2028.7%2032%2064%2032l320%200c35.3%200%2064%2028.7%2064%2064l0%20320c0%2035.3-28.7%2064-64%2064L64%20480c-35.3%200-64-28.7-64-64L0%2096zM337%20209L209%20337c-9.4%209.4-24.6%209.4-33.9%200l-64-64c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200l47%2047L303%20175c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9z%22%20stroke%3D%22%23FF5E00%22%20stroke-width%3D%222%22%20fill%3D%22%23FF5E00%22%2F%3E%3C%2Fsvg%3E");
    height: 24px !important;
    width: 24px !important;
    box-shadow: inset 0 0 0 2px #ff5e00;  
    border:1px solid #ff5e00;
    opacity: 0.3;
  }*/
  
  .inner-content-right-broadband .selected {
    color: #FFFFFF;
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M64%2080c-8.8%200-16%207.2-16%2016l0%20320c0%208.8%207.2%2016%2016%2016l320%200c8.8%200%2016-7.2%2016-16l0-320c0-8.8-7.2-16-16-16L64%2080zM0%2096C0%2060.7%2028.7%2032%2064%2032l320%200c35.3%200%2064%2028.7%2064%2064l0%20320c0%2035.3-28.7%2064-64%2064L64%20480c-35.3%200-64-28.7-64-64L0%2096zM337%20209L209%20337c-9.4%209.4-24.6%209.4-33.9%200l-64-64c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200l47%2047L303%20175c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9z%22%20stroke%3D%22%23FF5E00%22%20stroke-width%3D%222%22%20fill%3D%22%23FF5E00%22%2F%3E%3C%2Fsvg%3E");
    height: 24px !important;
    width: 24px !important;
    box-shadow: inset 0 0 0 2px #ff5e00;
    border:1px solid #ff5e00;
  }
  
  /* Parent container */
  .parent-container {
    display: flex;
    justify-content: center;  /* Horizontally center the content */
    align-items: center;      /* Vertically center the content */
    width: 100%;              /* Ensure it takes the full width of the parent */
    margin-bottom: 24px;
  }
  
  /* Container for image and text */
  .broadband-only-status {
    display: flex;           /* Align items inline (side by side) */
    align-items: center;     /* Vertically center the image and text */
    gap: 10px;               /* Space between the image and the text container */
    justify-content: center;
    margin-bottom:24px;
    padding-left: 10px;
    padding-right: 10px;
  }
  
  /* Text content for stacking the paragraphs */
  .text-content {
    display: flex;
    flex-direction: column;   /* Stack paragraphs vertically */
    justify-content: center;  /* Vertically center the paragraphs */
    align-items: center;
  }
  
  /* Icon styling */
  .mapicon-check {
    width: 30px;  /* Adjust icon size */
    height: 30px;
  }
  
  /* Paragraph text styling */
  .broadband-only-status p {
    margin: 0;  /* Remove default margin on <p> */
    font-size: 16px;  /* Adjust text size as needed */
  }
  
  .broadband-only-status img {
    width: 47.25px;
    height: 47.18px;
    top: 536.58px;
    left: 384.88px;
    gap: 0px;
    opacity: 0px;  
  }
  
  .text-content .desc1 {
    color: #ff5e00;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "HK-Grostek-Wide";
    text-align:center;
  }
  
  .text-content .desc2 {
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #333333;
    text-align:center;
  }
  
  /* Style for the toggle button */
  .toggle-btn {
    display: flex;
    align-items: center;        /* Vertically center the text and the arrow */
    justify-content: space-between; /* Ensures that space is between the text and arrow */
    width: 100%;                 /* Make the button span the full width of its container */
    padding: 10px 20px;          /* Add some padding for spacing */
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    box-sizing: border-box;      /* Ensure padding doesn't affect width calculation */
  }
  
  /* Style for the text */
  .toggle-text {
    text-align: center;          /* Horizontally center the text */
    flex-grow: 1;                 /* Allow text to take up available space */
  }
  
  /* Style for the arrow */
  .toggle-arrow {
    width: 20px;
    height: 20px;
    background-image: url("https://unifi.com.my/sites/default/files/page/check-coverage/img/keyboard_arrow_down.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 10px;           /* Space between the text and arrow */
    transition: transform 0.3s ease; /* Smooth rotation transition */
  }
  
  /* Optional: Add rotation when the section is expanded */
  .toggle-btn.expanded .toggle-arrow {
    transform: rotate(180deg);
  }
  
  
  #broadband-expend {
    padding-top: 0px;
  }
  
  #coverage_avail {
      display:none;
  }
  
  .mappingspecial {
      //min-height:900px;
  }
  
  #300-netflix-dropdown .dropdown-details .content {
      margin-bottom: unset !important;
      padding-bottom: unset !important;
  }
  
  #300-netflix-dropdown .dropdown-details .content-netflix {
      margin-bottom: unset !important;
      padding-bottom: unset !important;
  }
  
  .content.content-netflix {
      margin-bottom: unset !important;
      padding-bottom: unset !important;
      margin-bottom: 0px !important;
  }
  
  #useMyLocation-new {
      display:none;
  }
  
  /* @media (min-width: 992px) { */
      .overlappingbar {
          margin: 1rem 0px;
          z-index: 1001;
      }
  /* } */
  
  .overlappingbar-cover {
      border-top-left-radius: 24px !important;
      border-top-right-radius: 24px !important;
      border-bottom-left-radius: 24px !important;
      border-bottom-right-radius: 24px !important;
  }
  
  .bundle-options-title {
      font-family: "Roboto";
      font-size: 14px;
      font-weight: 600;
      line-height: 16.41px;
      text-align: left;
      text-underline-position: from-font;
      text-decoration-skip-ink: none;
      margin-bottom:8px;
  }
  .bg-wrapper-main {
  margin-left:0px !important;
  margin-right:0px !important;
  }
  
  .btnfilter {
      min-width: unset !important;
  }
  
  .check-coverage-tab .btnfilter {
  padding-left: 3px !important;
      padding-right: 3px !important;
      white-space: nowrap;
      width: 100%;
      display: block;
      text-align: center;
  }
  
  .check-coverage-tab .nav-item {
  flex: 1;
  }
  
  .custom-footer-button {
  margin-top:20px;
  }
  
  /*  final css newux  */
  .text-unifi-orange {
      color: #FF5E00;
  }
  
  .text-unifi-black {
      color: #1A1A1A
  }
  
  .text-unifi-blue {
      color:#1800E7;
  }
  
  .text-Grostek-Wide {
      font-family: "HK-Grostek-Wide";
  }
  
  .text-12 {
      font-size: 12px;
  }
  
  .text-14 {
      font-size: 14px;
  }
  
  .text-20 {
      font-size: 20px;
  }
  
  .text-32 {
      font-size: 32px;
  }
  
  .w-400 {
      font-weight: 400;
  }
  
  .w-500 {
      font-weight: 500;
  }
  
  .w-600 {
      font-weight: 600;
  }
  
  .w-700 {
      font-weight: 700;
  }
  
  .visibility-no {
      visibility: hidden;
  }
  
  .visibility-yes {
      visibility: visible;
  }
  
  .add-drop-shadow {
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1) !important; 
  }
  
  .bg-gradient {
    background: linear-gradient(to bottom, #ff5e00, #ffb4a9, #ffb4a9, #1800e7) !important;
    border-radius: 24px !important;
  }
  
  .bg-no-gradient {
    background: unset !important;
    border-radius: 24px !important;
  }
  
  .plan-card-wrapper {
      margin: auto 14px;
      padding-bottom: 1px;
  }
  
  .plan-card-inner {
      border-radius: 22px !important;
      margin: 2px;
      margin-bottom: 1px;
      background-color: #FFF8F5;
  }
  
  plan-card-inner-air {
      background-color: #FBFBFB;
  }
  
  .plan-ribbon {
      width: 112px;
      height: 24px;
      display: flex;
      justify-content: center;
  }
  
  .plan-ribbon.broadband-style {
      border-radius: 22px 0px 22px 0px !important;
      border: 1px solid #EFE5DE !important;
      background-color: #FFF4EC !important;
  }
  
  .plan-ribbon.mobile-style {
      border-radius: 22px 0px 22px 0px !important;
      border: 1px solid #C4BCFF !important;
      background-color: #E9E6FF !importantt;
  }
  
  .plan-ribbon.air-style {
      border-radius: 22px 0px 22px 0px !important;
      border: 1px solid #C4BCFF !important;
      background-color: #E9E6FF !important;
  }
  
  .main-spacing {
      padding: 18px 24px 0px 24px;
      display: flex;
      flex-direction: column;
  }
  
  .plan-label {
      margin: 0px !important;
      line-height: 14.06px !important;
  }
  
  .plan-name {
      margin: 0px !important;
      margin-top: 0.9px !important;
      line-height: 28px !important;
      font-size: clamp(30px, calc(10px + 5.5vw), 32px);
  }
  
  .plan-name-sub {
      margin: 0px !important;
      margin-top: 8px !important;
  }
  
  .plan-description {
      margin: 0px !important;
      margin-top: 8px !important;
  }
  
  .card-included .content .included-bandwidth:before {
      width: 25px;
      /* Size of the circle */
      height: 25px;
      /* Size of the circle */
      border-radius: 50%;
      /* Makes it circular */
      background-color: #FFEDE2;
      /* Background color of the circle */
      background-image: url("https://unifi.com.my/sites/default/files/page/check-coverage/img/sync_alt.png");
      background-size: 50%;
      /* Adjust the size of the icon */
      background-position: center;
      /* Center the icon inside the circle */
      background-repeat: no-repeat;
      /* Prevent repeating the image */
      display: flex;
      /* Enables Flexbox (if you need text or other items) */
      justify-content: center;
      /* Horizontally center any child elements */
      align-items: center;
      /* Vertically center any child elements */
      /* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='-8 -5 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_5186_10502)'%3E%3Cpath d='M5.20857 17C4.75857 17 4.53857 17.54 4.85857 17.85L7.64857 20.64C7.84857 20.84 8.15857 20.84 8.35857 20.64L11.1486 17.85C11.4586 17.54 11.2386 17 10.7886 17H8.99857L8.99857 14C8.99857 13.45 8.54857 13 7.99857 13C7.44857 13 6.99857 13.45 6.99857 14L6.99857 17H5.20857ZM6.99857 9.99996C6.99857 9.44996 7.44857 8.99996 7.99857 8.99996C8.54857 8.99996 8.99857 9.44996 8.99857 9.99996C8.99857 10.55 8.54857 11 7.99857 11C7.44857 11 6.99857 10.55 6.99857 9.99996ZM6.99857 5.99996C6.99857 5.44996 7.44857 4.99996 7.99857 4.99996C8.54857 4.99996 8.99857 5.44996 8.99857 5.99996C8.99857 6.54996 8.54857 6.99996 7.99857 6.99996C7.44857 6.99996 6.99857 6.54996 6.99857 5.99996ZM16.9986 6.99996V9.99996C16.9986 10.55 16.5486 11 15.9986 11C15.4486 11 14.9986 10.55 14.9986 9.99996L14.9986 6.99996H13.2086C12.7586 6.99996 12.5386 6.45996 12.8586 6.14996L15.6486 3.35996C15.8486 3.15996 16.1586 3.15996 16.3586 3.35996L19.1486 6.14996C19.4586 6.45996 19.2386 6.99996 18.7886 6.99996L16.9986 6.99996ZM16.9986 14C16.9986 14.55 16.5486 15 15.9986 15C15.4486 15 14.9986 14.55 14.9986 14C14.9986 13.45 15.4486 13 15.9986 13C16.5486 13 16.9986 13.45 16.9986 14ZM16.9986 18C16.9986 18.55 16.5486 19 15.9986 19C15.4486 19 14.9986 18.55 14.9986 18C14.9986 17.45 15.4486 17 15.9986 17C16.5486 17 16.9986 17.45 16.9986 18Z' fill='%23ff7a00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5186_10502'%3E%3Crect width='24' height='24' fill='white' transform='matrix(0 1 1 0 0 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); */
      content: '';
      margin-right: 10px;
  }
  
  .card-included .content .included-router:before {
      width: 25px;
      /* Size of the circle */
      height: 25px;
      /* Size of the circle */
      border-radius: 50%;
      /* Makes it circular */
      background-color: #FFEDE2;
      /* Background color of the circle */
      background-image: url("https://unifi.com.my/sites/default/files/page/check-coverage/img/router.png");
      background-size: 50%;
      /* Adjust the size of the icon */
      background-position: center;
      /* Center the icon inside the circle */
      background-repeat: no-repeat;
      /* Prevent repeating the image */
      display: flex;
      /* Enables Flexbox (if you need text or other items) */
      justify-content: center;
      /* Horizontally center any child elements */
      align-items: center;
      /* Vertically center any child elements */
      /* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='-8 -5 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_5186_10502)'%3E%3Cpath d='M5.20857 17C4.75857 17 4.53857 17.54 4.85857 17.85L7.64857 20.64C7.84857 20.84 8.15857 20.84 8.35857 20.64L11.1486 17.85C11.4586 17.54 11.2386 17 10.7886 17H8.99857L8.99857 14C8.99857 13.45 8.54857 13 7.99857 13C7.44857 13 6.99857 13.45 6.99857 14L6.99857 17H5.20857ZM6.99857 9.99996C6.99857 9.44996 7.44857 8.99996 7.99857 8.99996C8.54857 8.99996 8.99857 9.44996 8.99857 9.99996C8.99857 10.55 8.54857 11 7.99857 11C7.44857 11 6.99857 10.55 6.99857 9.99996ZM6.99857 5.99996C6.99857 5.44996 7.44857 4.99996 7.99857 4.99996C8.54857 4.99996 8.99857 5.44996 8.99857 5.99996C8.99857 6.54996 8.54857 6.99996 7.99857 6.99996C7.44857 6.99996 6.99857 6.54996 6.99857 5.99996ZM16.9986 6.99996V9.99996C16.9986 10.55 16.5486 11 15.9986 11C15.4486 11 14.9986 10.55 14.9986 9.99996L14.9986 6.99996H13.2086C12.7586 6.99996 12.5386 6.45996 12.8586 6.14996L15.6486 3.35996C15.8486 3.15996 16.1586 3.15996 16.3586 3.35996L19.1486 6.14996C19.4586 6.45996 19.2386 6.99996 18.7886 6.99996L16.9986 6.99996ZM16.9986 14C16.9986 14.55 16.5486 15 15.9986 15C15.4486 15 14.9986 14.55 14.9986 14C14.9986 13.45 15.4486 13 15.9986 13C16.5486 13 16.9986 13.45 16.9986 14ZM16.9986 18C16.9986 18.55 16.5486 19 15.9986 19C15.4486 19 14.9986 18.55 14.9986 18C14.9986 17.45 15.4486 17 15.9986 17C16.5486 17 16.9986 17.45 16.9986 18Z' fill='%23ff7a00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5186_10502'%3E%3Crect width='24' height='24' fill='white' transform='matrix(0 1 1 0 0 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); */
      content: '';
      margin-right: 10px;
  }
  
  .card-included .content .included-service:before {
      width: 25px;
      /* Size of the circle */
      height: 25px;
      /* Size of the circle */
      border-radius: 50%;
      /* Makes it circular */
      background-color: #FFEDE2;
      /* Background color of the circle */
      background-image: url("https://unifi.com.my/sites/default/files/page/check-coverage/img/support.png");
      background-size: 50%;
      /* Adjust the size of the icon */
      background-position: center;
      /* Center the icon inside the circle */
      background-repeat: no-repeat;
      /* Prevent repeating the image */
      display: flex;
      /* Enables Flexbox (if you need text or other items) */
      justify-content: center;
      /* Horizontally center any child elements */
      align-items: center;
      /* Vertically center any child elements */
      /* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='-8 -5 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_5186_10502)'%3E%3Cpath d='M5.20857 17C4.75857 17 4.53857 17.54 4.85857 17.85L7.64857 20.64C7.84857 20.84 8.15857 20.84 8.35857 20.64L11.1486 17.85C11.4586 17.54 11.2386 17 10.7886 17H8.99857L8.99857 14C8.99857 13.45 8.54857 13 7.99857 13C7.44857 13 6.99857 13.45 6.99857 14L6.99857 17H5.20857ZM6.99857 9.99996C6.99857 9.44996 7.44857 8.99996 7.99857 8.99996C8.54857 8.99996 8.99857 9.44996 8.99857 9.99996C8.99857 10.55 8.54857 11 7.99857 11C7.44857 11 6.99857 10.55 6.99857 9.99996ZM6.99857 5.99996C6.99857 5.44996 7.44857 4.99996 7.99857 4.99996C8.54857 4.99996 8.99857 5.44996 8.99857 5.99996C8.99857 6.54996 8.54857 6.99996 7.99857 6.99996C7.44857 6.99996 6.99857 6.54996 6.99857 5.99996ZM16.9986 6.99996V9.99996C16.9986 10.55 16.5486 11 15.9986 11C15.4486 11 14.9986 10.55 14.9986 9.99996L14.9986 6.99996H13.2086C12.7586 6.99996 12.5386 6.45996 12.8586 6.14996L15.6486 3.35996C15.8486 3.15996 16.1586 3.15996 16.3586 3.35996L19.1486 6.14996C19.4586 6.45996 19.2386 6.99996 18.7886 6.99996L16.9986 6.99996ZM16.9986 14C16.9986 14.55 16.5486 15 15.9986 15C15.4486 15 14.9986 14.55 14.9986 14C14.9986 13.45 15.4486 13 15.9986 13C16.5486 13 16.9986 13.45 16.9986 14ZM16.9986 18C16.9986 18.55 16.5486 19 15.9986 19C15.4486 19 14.9986 18.55 14.9986 18C14.9986 17.45 15.4486 17 15.9986 17C16.5486 17 16.9986 17.45 16.9986 18Z' fill='%23ff7a00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5186_10502'%3E%3Crect width='24' height='24' fill='white' transform='matrix(0 1 1 0 0 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); */
      content: '';
      margin-right: 10px;
  }
  
  .card-included .content .included-call:before {
      width: 25px;
      /* Size of the circle */
      height: 25px;
      /* Size of the circle */
      border-radius: 50%;
      /* Makes it circular */
      background-color: #FFEDE2;
      /* Background color of the circle */
      background-image: url("https://unifi.com.my/sites/default/files/page/check-coverage/img/call.png");
      background-size: 50%;
      /* Adjust the size of the icon */
      background-position: center;
      /* Center the icon inside the circle */
      background-repeat: no-repeat;
      /* Prevent repeating the image */
      display: flex;
      /* Enables Flexbox (if you need text or other items) */
      justify-content: center;
      /* Horizontally center any child elements */
      align-items: center;
      /* Vertically center any child elements */
      /* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='-8 -5 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_5186_10502)'%3E%3Cpath d='M5.20857 17C4.75857 17 4.53857 17.54 4.85857 17.85L7.64857 20.64C7.84857 20.84 8.15857 20.84 8.35857 20.64L11.1486 17.85C11.4586 17.54 11.2386 17 10.7886 17H8.99857L8.99857 14C8.99857 13.45 8.54857 13 7.99857 13C7.44857 13 6.99857 13.45 6.99857 14L6.99857 17H5.20857ZM6.99857 9.99996C6.99857 9.44996 7.44857 8.99996 7.99857 8.99996C8.54857 8.99996 8.99857 9.44996 8.99857 9.99996C8.99857 10.55 8.54857 11 7.99857 11C7.44857 11 6.99857 10.55 6.99857 9.99996ZM6.99857 5.99996C6.99857 5.44996 7.44857 4.99996 7.99857 4.99996C8.54857 4.99996 8.99857 5.44996 8.99857 5.99996C8.99857 6.54996 8.54857 6.99996 7.99857 6.99996C7.44857 6.99996 6.99857 6.54996 6.99857 5.99996ZM16.9986 6.99996V9.99996C16.9986 10.55 16.5486 11 15.9986 11C15.4486 11 14.9986 10.55 14.9986 9.99996L14.9986 6.99996H13.2086C12.7586 6.99996 12.5386 6.45996 12.8586 6.14996L15.6486 3.35996C15.8486 3.15996 16.1586 3.15996 16.3586 3.35996L19.1486 6.14996C19.4586 6.45996 19.2386 6.99996 18.7886 6.99996L16.9986 6.99996ZM16.9986 14C16.9986 14.55 16.5486 15 15.9986 15C15.4486 15 14.9986 14.55 14.9986 14C14.9986 13.45 15.4486 13 15.9986 13C16.5486 13 16.9986 13.45 16.9986 14ZM16.9986 18C16.9986 18.55 16.5486 19 15.9986 19C15.4486 19 14.9986 18.55 14.9986 18C14.9986 17.45 15.4486 17 15.9986 17C16.5486 17 16.9986 17.45 16.9986 18Z' fill='%23ff7a00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5186_10502'%3E%3Crect width='24' height='24' fill='white' transform='matrix(0 1 1 0 0 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); */
      content: '';
      margin-right: 10px;
  }
  
  .card-included .content .included-sms:before {
      width: 25px;
      /* Size of the circle */
      height: 25px;
      /* Size of the circle */
      border-radius: 50%;
      /* Makes it circular */
      background-color: #FFEDE2;
      /* Background color of the circle */
      background-image: url("https://unifi.com.my/sites/default/files/page/check-coverage/img/sms.png");
      background-size: 50%;
      /* Adjust the size of the icon */
      background-position: center;
      /* Center the icon inside the circle */
      background-repeat: no-repeat;
      /* Prevent repeating the image */
      display: flex;
      /* Enables Flexbox (if you need text or other items) */
      justify-content: center;
      /* Horizontally center any child elements */
      align-items: center;
      /* Vertically center any child elements */
      /* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='-8 -5 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_5186_10502)'%3E%3Cpath d='M5.20857 17C4.75857 17 4.53857 17.54 4.85857 17.85L7.64857 20.64C7.84857 20.84 8.15857 20.84 8.35857 20.64L11.1486 17.85C11.4586 17.54 11.2386 17 10.7886 17H8.99857L8.99857 14C8.99857 13.45 8.54857 13 7.99857 13C7.44857 13 6.99857 13.45 6.99857 14L6.99857 17H5.20857ZM6.99857 9.99996C6.99857 9.44996 7.44857 8.99996 7.99857 8.99996C8.54857 8.99996 8.99857 9.44996 8.99857 9.99996C8.99857 10.55 8.54857 11 7.99857 11C7.44857 11 6.99857 10.55 6.99857 9.99996ZM6.99857 5.99996C6.99857 5.44996 7.44857 4.99996 7.99857 4.99996C8.54857 4.99996 8.99857 5.44996 8.99857 5.99996C8.99857 6.54996 8.54857 6.99996 7.99857 6.99996C7.44857 6.99996 6.99857 6.54996 6.99857 5.99996ZM16.9986 6.99996V9.99996C16.9986 10.55 16.5486 11 15.9986 11C15.4486 11 14.9986 10.55 14.9986 9.99996L14.9986 6.99996H13.2086C12.7586 6.99996 12.5386 6.45996 12.8586 6.14996L15.6486 3.35996C15.8486 3.15996 16.1586 3.15996 16.3586 3.35996L19.1486 6.14996C19.4586 6.45996 19.2386 6.99996 18.7886 6.99996L16.9986 6.99996ZM16.9986 14C16.9986 14.55 16.5486 15 15.9986 15C15.4486 15 14.9986 14.55 14.9986 14C14.9986 13.45 15.4486 13 15.9986 13C16.5486 13 16.9986 13.45 16.9986 14ZM16.9986 18C16.9986 18.55 16.5486 19 15.9986 19C15.4486 19 14.9986 18.55 14.9986 18C14.9986 17.45 15.4486 17 15.9986 17C16.5486 17 16.9986 17.45 16.9986 18Z' fill='%23ff7a00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5186_10502'%3E%3Crect width='24' height='24' fill='white' transform='matrix(0 1 1 0 0 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); */
      content: '';
      margin-right: 10px;
  }
  
  .card-included .content .included-hotspot:before {
      width: 25px;
      /* Size of the circle */
      height: 25px;
      /* Size of the circle */
      border-radius: 50%;
      /* Makes it circular */
      background-color: #FFEDE2;
      /* Background color of the circle */
      background-image: url("https://unifi.com.my/sites/default/files/page/check-coverage/img/hotspot.png");
      background-size: 50%;
      /* Adjust the size of the icon */
      background-position: center;
      /* Center the icon inside the circle */
      background-repeat: no-repeat;
      /* Prevent repeating the image */
      display: flex;
      /* Enables Flexbox (if you need text or other items) */
      justify-content: center;
      /* Horizontally center any child elements */
      align-items: center;
      /* Vertically center any child elements */
      /* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='-8 -5 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_5186_10502)'%3E%3Cpath d='M5.20857 17C4.75857 17 4.53857 17.54 4.85857 17.85L7.64857 20.64C7.84857 20.84 8.15857 20.84 8.35857 20.64L11.1486 17.85C11.4586 17.54 11.2386 17 10.7886 17H8.99857L8.99857 14C8.99857 13.45 8.54857 13 7.99857 13C7.44857 13 6.99857 13.45 6.99857 14L6.99857 17H5.20857ZM6.99857 9.99996C6.99857 9.44996 7.44857 8.99996 7.99857 8.99996C8.54857 8.99996 8.99857 9.44996 8.99857 9.99996C8.99857 10.55 8.54857 11 7.99857 11C7.44857 11 6.99857 10.55 6.99857 9.99996ZM6.99857 5.99996C6.99857 5.44996 7.44857 4.99996 7.99857 4.99996C8.54857 4.99996 8.99857 5.44996 8.99857 5.99996C8.99857 6.54996 8.54857 6.99996 7.99857 6.99996C7.44857 6.99996 6.99857 6.54996 6.99857 5.99996ZM16.9986 6.99996V9.99996C16.9986 10.55 16.5486 11 15.9986 11C15.4486 11 14.9986 10.55 14.9986 9.99996L14.9986 6.99996H13.2086C12.7586 6.99996 12.5386 6.45996 12.8586 6.14996L15.6486 3.35996C15.8486 3.15996 16.1586 3.15996 16.3586 3.35996L19.1486 6.14996C19.4586 6.45996 19.2386 6.99996 18.7886 6.99996L16.9986 6.99996ZM16.9986 14C16.9986 14.55 16.5486 15 15.9986 15C15.4486 15 14.9986 14.55 14.9986 14C14.9986 13.45 15.4486 13 15.9986 13C16.5486 13 16.9986 13.45 16.9986 14ZM16.9986 18C16.9986 18.55 16.5486 19 15.9986 19C15.4486 19 14.9986 18.55 14.9986 18C14.9986 17.45 15.4486 17 15.9986 17C16.5486 17 16.9986 17.45 16.9986 18Z' fill='%23ff7a00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5186_10502'%3E%3Crect width='24' height='24' fill='white' transform='matrix(0 1 1 0 0 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); */
      content: '';
      margin-right: 10px;
  }
  
  .card-included .content .included-contract:before {
      width: 25px;
      /* Size of the circle */
      height: 25px;
      /* Size of the circle */
      border-radius: 50%;
      /* Makes it circular */
      background-color: #FFEDE2;
      /* Background color of the circle */
      background-image: url("https://unifi.com.my/sites/default/files/page/check-coverage/img/contract.png");
      background-size: 50%;
      /* Adjust the size of the icon */
      background-position: center;
      /* Center the icon inside the circle */
      background-repeat: no-repeat;
      /* Prevent repeating the image */
      display: flex;
      /* Enables Flexbox (if you need text or other items) */
      justify-content: center;
      /* Horizontally center any child elements */
      align-items: center;
      /* Vertically center any child elements */
      /* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='-8 -5 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_5186_10502)'%3E%3Cpath d='M5.20857 17C4.75857 17 4.53857 17.54 4.85857 17.85L7.64857 20.64C7.84857 20.84 8.15857 20.84 8.35857 20.64L11.1486 17.85C11.4586 17.54 11.2386 17 10.7886 17H8.99857L8.99857 14C8.99857 13.45 8.54857 13 7.99857 13C7.44857 13 6.99857 13.45 6.99857 14L6.99857 17H5.20857ZM6.99857 9.99996C6.99857 9.44996 7.44857 8.99996 7.99857 8.99996C8.54857 8.99996 8.99857 9.44996 8.99857 9.99996C8.99857 10.55 8.54857 11 7.99857 11C7.44857 11 6.99857 10.55 6.99857 9.99996ZM6.99857 5.99996C6.99857 5.44996 7.44857 4.99996 7.99857 4.99996C8.54857 4.99996 8.99857 5.44996 8.99857 5.99996C8.99857 6.54996 8.54857 6.99996 7.99857 6.99996C7.44857 6.99996 6.99857 6.54996 6.99857 5.99996ZM16.9986 6.99996V9.99996C16.9986 10.55 16.5486 11 15.9986 11C15.4486 11 14.9986 10.55 14.9986 9.99996L14.9986 6.99996H13.2086C12.7586 6.99996 12.5386 6.45996 12.8586 6.14996L15.6486 3.35996C15.8486 3.15996 16.1586 3.15996 16.3586 3.35996L19.1486 6.14996C19.4586 6.45996 19.2386 6.99996 18.7886 6.99996L16.9986 6.99996ZM16.9986 14C16.9986 14.55 16.5486 15 15.9986 15C15.4486 15 14.9986 14.55 14.9986 14C14.9986 13.45 15.4486 13 15.9986 13C16.5486 13 16.9986 13.45 16.9986 14ZM16.9986 18C16.9986 18.55 16.5486 19 15.9986 19C15.4486 19 14.9986 18.55 14.9986 18C14.9986 17.45 15.4486 17 15.9986 17C16.5486 17 16.9986 17.45 16.9986 18Z' fill='%23ff7a00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5186_10502'%3E%3Crect width='24' height='24' fill='white' transform='matrix(0 1 1 0 0 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); */
      content: '';
      margin-right: 10px;
  }
  
  .card-included .content .included-router-wireless:before {
      width: 25px;
      /* Size of the circle */
      height: 25px;
      /* Size of the circle */
      border-radius: 50%;
      /* Makes it circular */
      background-color: #FFEDE2;
      /* Background color of the circle */
      background-image: url("https://unifi.com.my/sites/default/files/page/check-coverage/img/router-wireless.png");
      background-size: 50%;
      /* Adjust the size of the icon */
      background-position: center;
      /* Center the icon inside the circle */
      background-repeat: no-repeat;
      /* Prevent repeating the image */
      display: flex;
      /* Enables Flexbox (if you need text or other items) */
      justify-content: center;
      /* Horizontally center any child elements */
      align-items: center;
      /* Vertically center any child elements */
      /* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='-8 -5 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_5186_10502)'%3E%3Cpath d='M5.20857 17C4.75857 17 4.53857 17.54 4.85857 17.85L7.64857 20.64C7.84857 20.84 8.15857 20.84 8.35857 20.64L11.1486 17.85C11.4586 17.54 11.2386 17 10.7886 17H8.99857L8.99857 14C8.99857 13.45 8.54857 13 7.99857 13C7.44857 13 6.99857 13.45 6.99857 14L6.99857 17H5.20857ZM6.99857 9.99996C6.99857 9.44996 7.44857 8.99996 7.99857 8.99996C8.54857 8.99996 8.99857 9.44996 8.99857 9.99996C8.99857 10.55 8.54857 11 7.99857 11C7.44857 11 6.99857 10.55 6.99857 9.99996ZM6.99857 5.99996C6.99857 5.44996 7.44857 4.99996 7.99857 4.99996C8.54857 4.99996 8.99857 5.44996 8.99857 5.99996C8.99857 6.54996 8.54857 6.99996 7.99857 6.99996C7.44857 6.99996 6.99857 6.54996 6.99857 5.99996ZM16.9986 6.99996V9.99996C16.9986 10.55 16.5486 11 15.9986 11C15.4486 11 14.9986 10.55 14.9986 9.99996L14.9986 6.99996H13.2086C12.7586 6.99996 12.5386 6.45996 12.8586 6.14996L15.6486 3.35996C15.8486 3.15996 16.1586 3.15996 16.3586 3.35996L19.1486 6.14996C19.4586 6.45996 19.2386 6.99996 18.7886 6.99996L16.9986 6.99996ZM16.9986 14C16.9986 14.55 16.5486 15 15.9986 15C15.4486 15 14.9986 14.55 14.9986 14C14.9986 13.45 15.4486 13 15.9986 13C16.5486 13 16.9986 13.45 16.9986 14ZM16.9986 18C16.9986 18.55 16.5486 19 15.9986 19C15.4486 19 14.9986 18.55 14.9986 18C14.9986 17.45 15.4486 17 15.9986 17C16.5486 17 16.9986 17.45 16.9986 18Z' fill='%23ff7a00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5186_10502'%3E%3Crect width='24' height='24' fill='white' transform='matrix(0 1 1 0 0 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); */
      content: '';
      margin-right: 10px;
  }
  
  .card-included .content .included-supports:before {
      width: 25px;
      /* Size of the circle */
      height: 25px;
      /* Size of the circle */
      border-radius: 50%;
      /* Makes it circular */
      background-color: #FFEDE2;
      /* Background color of the circle */
      background-image: url("https://unifi.com.my/sites/default/files/page/check-coverage/img/supports.png");
      background-size: 50%;
      /* Adjust the size of the icon */
      background-position: center;
      /* Center the icon inside the circle */
      background-repeat: no-repeat;
      /* Prevent repeating the image */
      display: flex;
      /* Enables Flexbox (if you need text or other items) */
      justify-content: center;
      /* Horizontally center any child elements */
      align-items: center;
      /* Vertically center any child elements */
      /* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='-8 -5 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_5186_10502)'%3E%3Cpath d='M5.20857 17C4.75857 17 4.53857 17.54 4.85857 17.85L7.64857 20.64C7.84857 20.84 8.15857 20.84 8.35857 20.64L11.1486 17.85C11.4586 17.54 11.2386 17 10.7886 17H8.99857L8.99857 14C8.99857 13.45 8.54857 13 7.99857 13C7.44857 13 6.99857 13.45 6.99857 14L6.99857 17H5.20857ZM6.99857 9.99996C6.99857 9.44996 7.44857 8.99996 7.99857 8.99996C8.54857 8.99996 8.99857 9.44996 8.99857 9.99996C8.99857 10.55 8.54857 11 7.99857 11C7.44857 11 6.99857 10.55 6.99857 9.99996ZM6.99857 5.99996C6.99857 5.44996 7.44857 4.99996 7.99857 4.99996C8.54857 4.99996 8.99857 5.44996 8.99857 5.99996C8.99857 6.54996 8.54857 6.99996 7.99857 6.99996C7.44857 6.99996 6.99857 6.54996 6.99857 5.99996ZM16.9986 6.99996V9.99996C16.9986 10.55 16.5486 11 15.9986 11C15.4486 11 14.9986 10.55 14.9986 9.99996L14.9986 6.99996H13.2086C12.7586 6.99996 12.5386 6.45996 12.8586 6.14996L15.6486 3.35996C15.8486 3.15996 16.1586 3.15996 16.3586 3.35996L19.1486 6.14996C19.4586 6.45996 19.2386 6.99996 18.7886 6.99996L16.9986 6.99996ZM16.9986 14C16.9986 14.55 16.5486 15 15.9986 15C15.4486 15 14.9986 14.55 14.9986 14C14.9986 13.45 15.4486 13 15.9986 13C16.5486 13 16.9986 13.45 16.9986 14ZM16.9986 18C16.9986 18.55 16.5486 19 15.9986 19C15.4486 19 14.9986 18.55 14.9986 18C14.9986 17.45 15.4486 17 15.9986 17C16.5486 17 16.9986 17.45 16.9986 18Z' fill='%23ff7a00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5186_10502'%3E%3Crect width='24' height='24' fill='white' transform='matrix(0 1 1 0 0 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); */
      content: '';
      margin-right: 10px;
  }
  
  .card-included .content .included-pnp:before {
      width: 25px;
      /* Size of the circle */
      height: 25px;
      /* Size of the circle */
      border-radius: 50%;
      /* Makes it circular */
      background-color: #FFEDE2;
      /* Background color of the circle */
      background-image: url("https://unifi.com.my/sites/default/files/page/check-coverage/img/pnp.png");
      background-size: 50%;
      /* Adjust the size of the icon */
      background-position: center;
      /* Center the icon inside the circle */
      background-repeat: no-repeat;
      /* Prevent repeating the image */
      display: flex;
      /* Enables Flexbox (if you need text or other items) */
      justify-content: center;
      /* Horizontally center any child elements */
      align-items: center;
      /* Vertically center any child elements */
      /* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='-8 -5 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_5186_10502)'%3E%3Cpath d='M5.20857 17C4.75857 17 4.53857 17.54 4.85857 17.85L7.64857 20.64C7.84857 20.84 8.15857 20.84 8.35857 20.64L11.1486 17.85C11.4586 17.54 11.2386 17 10.7886 17H8.99857L8.99857 14C8.99857 13.45 8.54857 13 7.99857 13C7.44857 13 6.99857 13.45 6.99857 14L6.99857 17H5.20857ZM6.99857 9.99996C6.99857 9.44996 7.44857 8.99996 7.99857 8.99996C8.54857 8.99996 8.99857 9.44996 8.99857 9.99996C8.99857 10.55 8.54857 11 7.99857 11C7.44857 11 6.99857 10.55 6.99857 9.99996ZM6.99857 5.99996C6.99857 5.44996 7.44857 4.99996 7.99857 4.99996C8.54857 4.99996 8.99857 5.44996 8.99857 5.99996C8.99857 6.54996 8.54857 6.99996 7.99857 6.99996C7.44857 6.99996 6.99857 6.54996 6.99857 5.99996ZM16.9986 6.99996V9.99996C16.9986 10.55 16.5486 11 15.9986 11C15.4486 11 14.9986 10.55 14.9986 9.99996L14.9986 6.99996H13.2086C12.7586 6.99996 12.5386 6.45996 12.8586 6.14996L15.6486 3.35996C15.8486 3.15996 16.1586 3.15996 16.3586 3.35996L19.1486 6.14996C19.4586 6.45996 19.2386 6.99996 18.7886 6.99996L16.9986 6.99996ZM16.9986 14C16.9986 14.55 16.5486 15 15.9986 15C15.4486 15 14.9986 14.55 14.9986 14C14.9986 13.45 15.4486 13 15.9986 13C16.5486 13 16.9986 13.45 16.9986 14ZM16.9986 18C16.9986 18.55 16.5486 19 15.9986 19C15.4486 19 14.9986 18.55 14.9986 18C14.9986 17.45 15.4486 17 15.9986 17C16.5486 17 16.9986 17.45 16.9986 18Z' fill='%23ff7a00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5186_10502'%3E%3Crect width='24' height='24' fill='white' transform='matrix(0 1 1 0 0 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); */
      content: '';
      margin-right: 10px;
  }
  
  .card-included .included-title {
      margin: 0px !important;
      margin-top: 24px !important;
  }
  
  .card-included .included-item {
      margin: 0px !important;
      margin-top: 4px !important;
  }
  
  .card-included .included-item:nth-child(1) {
      margin: 0px !important;
      margin-top: 7px !important;
  }
  
  .curve-bg {
      border-radius: 16px !important;
      background-color: white;
      padding: 20px 10px 20px 20px;
  }
  
  .curve-bg-netflix {
      border-radius: 16px !important;
      background-color: white;
      padding: 10px 10px 0px 10px;
  }
  
  .dynamic-placement {
      margin-top: auto;
      margin-bottom: 30px;
  }
  
  .plan-inner-content > img {
      display:flex;
      padding-right:10px;
  }
  
  .plan-inner-content .list-item {
      display:flex;
  }
  
  .bundle-toggle {
    border-radius: 4px !important;
    border: 1px solid #CECECE;
    height: 24px !important;
    width: 24px !important;
    display: inline-block;  /* Ensures the element respects the size */
    background-color: transparent;  /* Optional: Ensures no background */
    padding: 0 !important;   /* Remove any padding that might increase the size */
    margin: 0 !important;    /* Remove any margin that might be causing spacing issues */
  }
  
  .netflix-details {
      padding:0px 5px;
  }
  
  .netflix-details .netflix-title {
      padding-left:24px;
  }
  
  .netflix-details .list-item > img {
      height: 15px !important;
      width: 15px !important;
  }
  
  @media (max-width: 576px) {
      .main-spacing {
          padding: 18px 10px 0px 10px;
          display: flex;
          flex-direction: column;
      }
  }
  
  @media screen and (max-width: 768px) {
      .main-spacing {
          padding: 18px 10px 0px 10px;
          display: flex;
          flex-direction: column;
      }
      .innertopheader .textcover {
          min-height:270px !important;
      }
  }
  
  @media (min-width: 768px) {
      .new-air-only .main-spacing:first-child {
          padding: 18px 10px 24px 24px;
          display: flex;
          flex-direction: column;
      }
  }
  /*slick */
  
  
  
  /* Base arrow styles */
  .slick-prev, .slick-next {
    background: transparent url(/sites/default/files/page/assets/img/selfcare/arrow.svg) center no-repeat;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    border: none;
    z-index: 1;
    cursor: pointer;
    transition: opacity 0.3s ease, background-color 0.3s ease; /* Smooth transition for opacity and background color */
    /* background-color: #1800e7;  */
    /* border-radius: 50% !important; */
  }
  
  /* Left arrow - previous button */
  .slick-prev {
    left: -3px;
    transform: translateY(-50%) rotate(180deg);
    opacity: 1;
    /* top: 15%;  */
  }
  
  /* Right arrow - next button */
  .slick-next {
    right: -3px;
    opacity: 1;
    /* top: 15%; */
  }
  
  /* Hover effects for arrows */
  .slick-prev:hover, .slick-next:hover {
    opacity:0.1;
    /* background-color: #333; */
  }
  
  /* Disabled state for arrows */
  .slick-prev.slick-disabled, .slick-next.slick-disabled {
    opacity: 0.3;
    pointer-events: none;
    cursor: not-allowed;
  }
  
  /* Remove the pseudo-element arrow styling from slick */
  .slick-prev:before, .slick-next:before {
    content: " ";
    display: block;
  }
  
  /* newux_code */
  .bundle-toggle.selected {
    color: #FFFFFF;
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M64%2080c-8.8%200-16%207.2-16%2016l0%20320c0%208.8%207.2%2016%2016%2016l320%200c8.8%200%2016-7.2%2016-16l0-320c0-8.8-7.2-16-16-16L64%2080zM0%2096C0%2060.7%2028.7%2032%2064%2032l320%200c35.3%200%2064%2028.7%2064%2064l0%20320c0%2035.3-28.7%2064-64%2064L64%20480c-35.3%200-64-28.7-64-64L0%2096zM337%20209L209%20337c-9.4%209.4-24.6%209.4-33.9%200l-64-64c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200l47%2047L303%20175c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9z%22%20stroke%3D%22%23FF5E00%22%20stroke-width%3D%222%22%20fill%3D%22%23FF5E00%22%2F%3E%3C%2Fsvg%3E");
    height: 24px !important;
    width: 24px !important;
    box-shadow: inset 0 0 0 2px #ff5e00;
    border:1px solid #ff5e00;
  }
  
  .bluearrow_btn {
      text-transform:uppercase !important;
      font-family: "HK-Grostek-Wide" !important;
  }
  
  .custom-footer-button-dual {
      margin-top:15px;
  }
  
  .custom-footer-button-dual a {
      font-family: "Roboto" !important;
      line-height:24px !important;
      font-size:16px !important;
      line-height:24px !important;
  }
  
  .custom-footer-button-dual .show {
      display: flex !important;
  }
  
  .custom-footer-button-dual .no-show {
      display:none !important;
  }
  
    .bundle-options-title {
      font-family: "Roboto";
      font-size: 14px;
      font-weight: 600;
      line-height: 16.41px;
      text-align: left;
      text-underline-position: from-font;
      text-decoration-skip-ink: none;
      margin-bottom:8px;
    }
    
    .card-label-best-seller {
        text-align: center !important;
        width: 100% !important;
        padding: 10px 10px 3px !important;
        z-index: -1 !important;
        color: rgb(255, 255, 255) !important;
        font-family: HK-Grostek-Wide !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 20.85px !important;
        border-radius: 16px 16px 0px 0px !important;
        background: repeating-linear-gradient( 55deg, /* Angle of the stripes */ #ff5500, /* Stripe color */ #ff5500 30px, /* End of the first stripe */ #FF7A00 30px, /* Start of the gap color */ #FF7A00 55px /* End of the gap */ ) !important;
    }
    
    .inner-content-right-broadband.selected {
        border: 2px solid rgb(24, 0, 231) !important;
        background: rgba(24, 0, 231,0.05) !important;
        padding-bottom:5px;
    }
    .herotopheader {
      padding-top: 10px !important;
      background-image: url(https://unifi.com.my/sites/default/files/page/assets/revamp/fibre-broadband/innerbanner_bg_lg.png) !important;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      min-height: 450px;
    }
    @media (max-width: 992px) {
      .herotopheader {
        background-image: url(https://unifi.com.my/sites/default/files/page/assets/revamp/fibre-broadband/innerbanner_bg_md.png) !important;
      }
    }
    @media (max-width: 768px) {
      .herotopheader {
        background-image: url(https://unifi.com.my/sites/default/files/page/assets/revamp/fibre-broadband/innerbanner_bg_sm.png) !important;
      }
    }
    #coverage_disclaimer {
      line-height: 1.2 !important;
    }
    #coverage_disclaimer_broadband {
      line-height: 1.2 !important;
    }
    .overlappingbar {
      position: relative;
    }

    /* Responsive text display for LIMITED TIME OFFER */
    .mobile-text {
        display: none;
    }
    
    .desktop-text {
        display: inline;
    }
    
    @media (max-width: 768px) {
        .mobile-text {
            display: inline;
        }
        
        .desktop-text {
            display: none;
        }
    }