/* ##########################################################
-------------------------------------------------------------
					FONTS
-------------------------------------------------------------
########################################################## */
@import url('../plugins/fontawesome/css/all.min.css');

@font-face {
    font-family: 'HWTArtz';
    src: url('../plugins/fonts/HWTArtz.eot');
    src: url('../plugins/fonts/HWTArtz.eot?#iefix') format('embedded-opentype'),
        /*url('../plugins/fonts/HWTArtz.woff2') format('woff2'),*/
        url('../plugins/fonts/HWTArtz.woff') format('woff'), url('../plugins/fonts/HWTArtz.ttf') format('truetype');
    /*,  url('../plugins/fonts/HWTArtz.svg#HWTArtz') format('svg');*/
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MuseoSans500';
    src: url('../plugins/fonts/MuseoSansRounded-500.eot');
    src: url('../plugins/fonts/MuseoSansRounded-500.eot?#iefix') format('embedded-opentype'),
        /*url('../plugins/fonts/MuseoSansRounded-500.woff2') format('woff2'),*/
        url('../plugins/fonts/MuseoSansRounded-500.woff') format('woff'), url('../plugins/fonts/MuseoSansRounded-500.ttf') format('truetype');
    /*,  url('../plugins/fonts/MuseoSansRounded-500.svg#MuseoSansRounded-500') format('svg');*/
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MuseoSans700';
    src: url('../plugins/fonts/MuseoSansRounded-700.eot');
    src: url('../plugins/fonts/MuseoSansRounded-700.eot?#iefix') format('embedded-opentype'),
        /*url('../plugins/fonts/MuseoSansRounded-700.woff2') format('woff2'),*/
        url('../plugins/fonts/MuseoSansRounded-700.woff') format('woff'), url('../plugins/fonts/MuseoSansRounded-700.ttf') format('truetype');
    /*,  url('../plugins/fonts/MuseoSansRounded-700.svg#MuseoSansRounded-700') format('svg');*/
    font-weight: normal;
    font-style: normal;
}

/*custom font*/
@font-face {
    font-family: 'Museo700-Regular';
    src: url('../plugins/fonts/Museo700-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

/* ##########################################################
-------------------------------------------------------------
					GLOBAL CSS
-------------------------------------------------------------
########################################################## */
html {
    width: 100%;
    height: 100%;
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

body {
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: normal;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    font-weight: 400 !important;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a,
p,
img,
div,
ul,
li,
span,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
select,
hr,
header,
footer,
section,
article,
nav,
iframe {
    margin: 0;
    padding: 0;
    outline: none;
    list-style: none;
    background: none;
    border: none;
}

a {
    color: #FF6B00;
    text-decoration: none;
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
}

a:hover,
a:focus {
    color: #ff7500;
    text-decoration: none;
    outline: none !important;
}

.text-orange {
    color: #ff7500;
}

.text-grey {
    color: #999999;
}

.text-sm {
    font-size: 14px;
    line-height: 20px;
}

hr {
    height: 1px;
    margin: 30px 0;
    border: none;
    background: #000000;
}

.main {
    margin: 0;
    padding: 0;
}

section {
    position: relative;
    /*padding: 120px 0;*/
    padding: 60px 0;

}

@media screen and (max-width:1366px) {
    section {
        padding: 60px 0;
    }
}

@media screen and (max-width:767px) {
    section {
        padding: 60px 0;
    }

    section .topspace {
        padding: 30px 0 !important;
    }
}

/* ########## Margins CSS ########## */
.m0 {
    margin: 0;
}

/*.p0 {
	padding: 0;
}*/
.mauto {
    margin: 0 auto !important;
}

.mb0 {
    margin-bottom: 0;
}

.mb1 {
    margin-bottom: 10px;
}

.mb2 {
    margin-bottom: 20px;
}

.mb3 {
    margin-bottom: 30px;
}

.mb4 {
    margin-bottom: 40px;
}

.mb5 {
    margin-bottom: 50px;
}

.mb6 {
    margin-bottom: 60px;
}

.mb9 {
    margin-bottom: 90px;
}

.mb12 {
    margin-bottom: 120px;
}

/*.pt0 {
	padding-top: 0;
}*/
.pb0 {
    padding-bottom: 0;
}
.desktop_hide
    {
        display: none !important;
    }

@media screen and (max-width:1200px) {
    .mb0-lg {
        margin-bottom: 0;
    }

    .mb1-lg {
        margin-bottom: 10px;
    }

    .mb2-lg {
        margin-bottom: 20px;
    }

    .mb3-lg {
        margin-bottom: 30px;
    }

    .mb4-lg {
        margin-bottom: 40px;
    }

    .mb5-lg {
        margin-bottom: 50px;
    }

    .mb6-lg {
        margin-bottom: 60px;
    }

    .pb0-lg {
        padding-bottom: 0;
    }
}

@media screen and (max-width:992px) {
    .mb0-md {
        margin-bottom: 0;
    }

    .mb1-md {
        margin-bottom: 10px;
    }

    .mb2-md {
        margin-bottom: 20px;
    }

    .mb3-md {
        margin-bottom: 30px;
    }

    .mb4-md {
        margin-bottom: 40px;
    }

    .mb5-md {
        margin-bottom: 50px;
    }

    .mb6-md {
        margin-bottom: 60px;
    }

    .pb0-md {
        padding-bottom: 0;
    }
}

@media screen and (max-width:767px) {
    .mb0-sm {
        margin-bottom: 0;
    }

    .mb1-sm {
        margin-bottom: 10px;
    }

    .mb2-sm {
        margin-bottom: 20px;
    }

    .mb3-sm {
        margin-bottom: 30px;
    }

    .mb4-sm {
        margin-bottom: 40px;
    }

    .mb5-sm {
        margin-bottom: 50px;
    }

    .mb6-sm {
        margin-bottom: 60px;
    }

    .pb0-sm {
        padding-bottom: 0;
    }
}

@media screen and (max-width:740px) {
    .nav-pills .nav-link {
        width: 15%;
        margin: auto;
        padding: 0.8rem !important;
        text-align: center !important;
    }

    .nav-pills .nav-link i.mr-2 {
        margin-right: 0 !important;
    }

    .left-menu-heading {
        display: none;
    }

    #v-pills-tab span.font-weight-bold.small.text-uppercase {
        display: none;
    }

}

@media screen and (max-width:576px) {
    .heading {
        font-size: 34px !important;
        line-height: normal !important;
    }

    .whyus-section {
        padding-bottom: 0;
    }

    .counter .counter-icon {
        font-size: 24px !important;
    }

    .counter .counter-value {
        line-height: 40px !important;
        height: 40px !important;
        font-size: 24px !important;
    }

    .nav-pills .nav-link {
        width: 15%;
        margin: auto;
        padding: 0.8rem !important;
        text-align: center !important;
    }
    #helpFaq .nav-pills .nav-link {
        width: 100% !important;
    }

    .nav-pills .nav-link i.mr-2 {
        margin-right: 0 !important;
    }

    .left-menu-heading {
        display: none;
    }

    #v-pills-tab span.font-weight-bold.small.text-uppercase {
        display: none;
    }

    .mb0-xs {
        margin-bottom: 0;
    }

    .mb1-xs {
        margin-bottom: 10px;
    }

    .mb2-xs {
        margin-bottom: 20px;
    }

    .mb3-xs {
        margin-bottom: 30px;
    }

    .mb4-xs {
        margin-bottom: 40px;
    }

    .mb5-xs {
        margin-bottom: 50px;
    }

    .mb6-xs {
        margin-bottom: 60px;
    }

    .pb0-xs {
        padding-bottom: 0;
    }

    .mobile_hide
    {
        display: none !important;
    }
    .desktop_hide
    {
        display: block !important;
    }

}

/* ########## Headings CSS ########## */
h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    color: #000000;
    font-family: 'HWTArtz', 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    background: none;
    border: none;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1 {
    font-size: 60px;
    line-height: 60px;
}

h2 {
    font-size: 36px;
    line-height: 36px;
}

h3 {
    font-size: 30px;
    line-height: 30px;
}

h4 {
    font-size: 24px;
    line-height: 24px;
}

h5 {
    font-size: 20px;
    line-height: 20px;
}

h6, .h6 {
    font-size: 18px;
    line-height: 18px;
}

@media screen and (max-width: 1366px) {
    h1 {
        font-size: 48px;
        line-height: 48px;
    }
}

@media screen and (max-width: 1024px) {
    h1 {
        font-size: 42px;
        line-height: 42px;
    }

    #blog {
        margin-top: 5em;
    }
    .moving_number_point
    {
        width: 14%;
        padding-top: 18px !important;
    }
        .hide_md {
        display: none !important;
    }
    .f-90 {
        font-size: 46px !important;
    }
}

@media screen and (max-width: 576px) {
    .collapsable {
        display: none;
    }

    h1 {
        font-size: 36px;
        line-height: 36px;
    }

    h2 {
        font-size: 32px;
        line-height: 32px;
    }

    h3 {
        font-size: 28px;
        line-height: 28px;
    }
}

@media screen and (max-width: 360px) {
    h1 {
        font-size: 32px;
        line-height: 32px;
    }
}

/* ########## Form Elements CSS ########## */
form {
    margin: 0 !important;
    padding: 0 !important;
}

label {
    margin: 0 0 5px 20px;
    font-weight: 600;
}

.form-group {
    margin: 0 !important;
    margin-bottom: 15px !important;
    padding: 0 !important;
}

.form-control {
    display: block;
    width: 100%;
    height: auto !important;
    padding: 15px 20px;
    font-size: 16px !important;
    line-height: 16px !important;
    color: #000000;
    font-family: 'Barlow Semi Condensed', sans-serif;
    background: none;
    border: 1px solid #000000;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -ms-box-shadow: none !important;
    vertical-align: middle;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.form-control::placeholder {
    color: #999999;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #999999;
}

.form-control::-ms-input-placeholder {
    color: #999999;
}

.select {
    position: relative;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

.select:after {
    content: "\f078";
    font-family: "FontAwesome";
    font-size: 13px;
    color: #CCCCCC;
    right: 30px;
    top: 13px;
    padding: 0;
    position: absolute;
    pointer-events: none;
}

.select:before {
    content: '';
    /*right:4px; top:0px;
    width:23px; height:18px;*/
    background: none;
    position: absolute;
    pointer-events: none;
    display: block;
}

.btn {
    min-width: auto !important;
    position: relative;
    display: inline-block;
    padding: 23px 60px;
    margin: 0;
    white-space: nowrap;
    font-weight: 400;
    text-transform: none;
    vertical-align: middle;
    /* font-family: 'MuseoSans500', 'Open Sans', Arial, Helvetica, sans-serif !important; */
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 18px;
    line-height: 18px !important;
    color: #000;
    font-weight: 600;
    text-align: center !important;
    text-decoration: none !important;
    background: #ff7500 !important;
    border: none !important;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    box-shadow: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    overflow: hidden;
    outline: none !important;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none !important;
}

.btn:hover,
.btn:focus,
.btn.focus,
.sim-btn.btn:hover,
.sim-btn.btn:focus,
.sim-btn.btn.focus {
    color: #fff !important;
    background: #666666 !important;
}

.btn a {
    display: inline-block;
    /* color: #000 !important; */
    text-decoration: none !important;
}

.btn:hover a {
    /* color: #000 !important; */
    text-decoration: none !important;
}

.btn-bordered {
    padding: 8px 40px;
    color: #000000;
    background: #fff !important;
    border: 1px solid #000 !important;
}

.btn-bordered a {
    color: #666 !important;
}

.btn-bordered:hover,
.btn-bordered:focus,
.btn-bordered.focus {
    color: #fff !important;
    background: #FF6B00 !important;
}

.btn-bordered-white {
    padding: 6px 30px;
    color: #fff;
    background: none !important;
    border: 2px solid #FF6B00 !important;
}

.btn-bordered-white:hover,
.btn-bordered-white:focus,
.btn-bordered-white.focus {
    color: #fff !important;
    background: #FF6B00 !important;
}

.btn-big {
    padding: 15px 82px;
}

.btn-sm {
    padding: 10px 40px;
}

.btn-logout-sm {
    padding: 10px 45px;
}

.btn-sm2 {
    padding: 10px 30px;
}

.btn-block {
    display: block;
}

.custom-control label {
    color: #000000;
    padding-left: 5px;
}

.custom-checkbox .custom-control-input~.custom-control-label::before {
    width: 18px;
    height: 18px;
    border: 1px solid #999999;
    background: #fff;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    top: 2px;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background: none;
    outline: none !important;
    box-shadow: none !important;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background: url(https://www.tangerine.com.au/storage/Images/icon/tick-png-black.png) 50% 0 no-repeat !important;
    position: absolute;
    left: -20px;
    top: -6px;
    height: 2rem;
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    background-color: #FF6B00;
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background: url(https://www.tangerine.com.au/storage/Images/icon/tick-png-black.png) 50% 0 no-repeat !important;
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(255, 107, 0, .5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(255, 107, 0, .5);
}

.custom-radio .custom-control-label::before {
    width: 19px !important;
    height: 19px !important;
    top: 2px;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    width: 19px;
    height: 19px;
    background-color: #FF6B00;
    outline: none !important;
    box-shadow: none !important;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    width: 19px;
    height: 19px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
    top: 2px;
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(255, 107, 0, 0);
}

.inputfile {
    width: 70%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    left: 15px;
    top: 26px;
    z-index: 1;
    margin: 2px 0 0 0;
    padding: 8px 30px;
    text-align: center;
    color: #666666;
    border: 2px solid #FF6B00;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    text-indent: -9999px;
}

.inputfile+label {
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: block;
    overflow: hidden;
    position: relative;
}

.no-js .inputfile+label {
    display: block;
}

.inputfile:focus+label,
.inputfile.has-focus+label {
    outline: none;
}

.inputfile-1+label {
    width: 79%;
    margin: 2px 0 0 0;
    text-align: center;
    color: #666666;
    background-color: #fff;
    border: 2px solid #FF6B00;
    padding: 10px 30px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
}

/*.inputfile-1:focus + label,
.inputfile-1.has-focus + label,*/
.inputfile-1:hover+label {
    color: #fff;
    background-color: #FF6B00;
    outline: none !important;
    cursor: pointer;
}

/* ########## Header CSS ########## */
#header {
    width: 100% !important;
    margin: 0 !important;
    padding: 15px 0 !important;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 900;
    background: #fff !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    border-bottom: 2px solid #000;
}

#header .container-fluid,
.dashboard .container-fluid {
    padding-right: 90px;
    padding-left: 90px;
}

#header.header-shrink {
    padding: 10px 0 !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

.navbar {
    padding: 0;
}

.navbar-brand {
    margin: 0;
    margin-right: 140px;
    padding: 0;
}

.navbar {
    /* font-family: 'HWTArtz', 'Open Sans', Arial, Helvetica, sans-serif !important; */
    font-family: 'Barlow Semi Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    color: #000000;
    font-weight: 600;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.navbar-nav li {
    position: relative;
}

.navbar-nav.navbar-right li {
    margin-right: 20px;
}

.navbar-nav li.call {
    margin-right: 60px;
}

.navbar-nav li a {
    color: #000000;
    text-decoration: none !important;
}

.navbar-nav li a:hover {
    color: #FF6B00;
}

.navbar-nav i.icon-logo img {
    width: 20px;
    height: 20px;
}

.dropdown-menu {
    position: absolute !important;
    right: 0;
    padding: 10px 0;
}

/* Set a width of the div for spacing */
.nav-dropdown-menu-div{
  width: 180px;
}

.nav-dropdown-menu-div:hover,
.nav-dropdown-menu-div:active,
.nav-dropdown-menu-div:focus{
    width: 180px !important;
  }

.dropdown-menu .dropdown-item {
    padding: 5px 15px;
    font-weight: 600;
}

.dropdown-menu .dropdown-item:hover {
    background: none;
}

.nav-button {
    position: relative;
    z-index: 1111;
    display: block;
    margin: 0;
    padding: 0;
}

.nav-button #nav-icon {
    width: 24px;
    height: 16px;
    display: inline-block;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.nav-button #nav-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #000;
    overflow: hidden;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.nav-button:hover #nav-icon span {
    background: #0E4F55;
}

.nav-button #nav-icon span:nth-child(1) {
    top: 0;
}

.nav-button #nav-icon span:nth-child(2),
#nav-icon span:nth-child(3) {
    top: 7px;
}

.nav-button #nav-icon span:nth-child(4) {
    top: 14px;
}

.nav-open #nav-icon {
    /*position: fixed;
	right: 30px;
	top: 100px; */
}

.nav-open #nav-icon span,
.nav-open #nav-icon:hover span {
    background: #000;
}

.nav-open #nav-icon span:nth-child(1) {
    top: 9px;
    width: 0;
    left: 50%;
}

.nav-open #nav-icon span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav-open #nav-icon span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.nav-open #nav-icon span:nth-child(4) {
    top: 9px;
    width: 0;
    left: 50%;
}

.main-menu {
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
}

.nav-open .main-menu {
    opacity: 1;
    visibility: visible;
    /*background: #FF6B00;*/
}

.main-menu .nav {
    display: block;
    padding: 90px 60px;
    opacity: 1;
}

.main-menu .nav li {
    display: block;
    margin-bottom: 5px;
    font-size: 20px;
}

.main-menu .nav li:last-child {
    display: block;
    margin-bottom: 10px;
}

.main-menu .nav li h1 {
    font-size: 90px;
    line-height: 90px;
    margin-bottom: 10px;
}

.main-menu .nav li a {
    display: inline-block;
    color: #000;
    font-size: 17px;
}

.main-menu .nav li a:hover {
    color: #000;
    text-decoration: none !important;
}

.main-menu .nav {
    padding: 1em 6em 4em 2em;
    max-width: 25em;
    float: right;
    background: #fff;
    /*background:#DCDCDC;*/
}

.main-menu .nav li h1 {
    font-size: 72px;
    line-height: 72px;
}

@media screen and (max-width: 1200px) {

    #header .container-fluid,
    .dashboard .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media screen and (max-width: 992px) {
    .navbar-brand {
        margin-right: 0;
    }

    .pan_banner {
        display: block !important;
    }

    .f50 {
        font-size: 32px !important;
        margin-top: 20px !important;
    }

    div .fixed-top {
        top: 59px;
    }

    .navbar-left {
        display: none;
    }

    .navbar-right li.call {
        display: none;
    }

    .main-menu {
        overflow-y: scroll;
    }

    .main-menu .nav li h1 {
        font-size: 48px;
        line-height: 48px;
    }

    .main-menu .nav li .heading {
        font-size: 36px !important;
        line-height: 36px !important;
        padding-bottom: 0px !important;
    }
}

@media screen and (max-width: 360px) {
    .btn-sm {
        padding: 10px 28px;
    }

    label {
        margin: 0 0 5px 11px;
    }

    .navbar-brand img {
        width: auto;
        height: 35px;
    }

    .main-menu .nav {
        padding: 30px;
    }

    .main-menu .nav li h1 {
        font-size: 36px;
        line-height: 36px;
    }

    .main-menu .nav li .heading {
        font-size: 36px;
        line-height: 36px;
    }
}

/* ########## Footer CSS ########## */
footer {
    position: relative;
    margin: 0;
    padding: 60px 0 60px 0;
    /* box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, .2); */
}

ul.footer-links {
    margin: 0;
    padding: 0;
}

ul.footer-links li {
    display: block;
    margin-bottom: 5px;
}

ul.footer-links li:last-child {
    display: block;
    margin-bottom: 0;
}

ul.footer-links li a {
    color: #000000;
    font-size: 18px;
    font-weight: 600;
}

ul.footer-links li a:hover {
    color: #FF6B00;
}

@media screen and (max-width: 767px) {

    footer h6,
    footer ul.footer-links {
        text-align: center;
    }
    footer h4{text-align: center;}
}

/* ##########################################################
-------------------------------------------------------------
					HOMEPAGE CSS
-------------------------------------------------------------
########################################################## */

/* ########## BOTTOM BAR CSS ########## */
.bottom-bar {
    width: 100%;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101;
    padding: 10px 0 !important;
    background: #000 !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

.bottom-bar.nbn .navbar-brand {
    display: none;
}

.bottom-bar .navbar-collapse {
    width: 100% !important;
}

.bottom-bar .navbar-nav {
    width: 100%;
    float: none;
}

.bottom-bar .navbar-nav li {
    margin: 0 !important;
    padding: 0 !important;
}

.bottom-bar .navbar-nav li.row {
    width: 100%;
    margin: 0 !important;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
}

.navbar-nav li a {
    border-bottom: none;
}

a.chat {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 1;
    width: 60px;
    height: 60px;
    padding: 7px 0;
    color: #fff;
    text-align: center;
    background: #FF6B00;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
}

a.chat img {
    margin: 0 auto;
    display: block;
}

a.chat {
    color: #fff;
}

a.chat:hover {
    background: #666666;
}

@media screen and (max-width: 992px) {
    a.chat {
        right: 15px;
        bottom: 15px;
        width: 40px;
        height: 40px;
        font-size: 10px;
        line-height: 16px;
    }

    a.chat img {
        width: auto;
        height: 12px;
    }

    .bottom-bar {
        min-height: 40px;
    }

    .bottom-bar .navbar-nav {
        padding-top: 20px;
    }

    .bottom-bar .navbar-toggler {
        /*float: left !important;*/
        position: absolute;
        left: -30px;
        top: -4px;
        outline: none !important;
    }

    .bottom-bar .navbar-brand {
        text-align: center;
        float: none;
        margin: 0 auto;
    }

    .bottom-bar.nbn .navbar-brand {
        display: block;
    }
}

@media screen and (max-width: 1024px) {

    .bottom-bar.nbn .text-sm,
    .bottom-bar.nbn h6 {
        text-align: center;
    }

}

@media screen and (max-width: 767px) {

    .bottom-bar,
    .bottom-bar .text-right,
    .bottom-bar h3,
    .bottom-bar h6 {
        text-align: center !important;
    }
}

@media screen and (max-width: 360px) {
    .bottom-bar .navbar-brand {
        font-size: 20px;
    }
}

/* ########## BANNER CSS ########## */
.banner {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 80vh;
}

.banner .banner-text {
    display: table;
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
}

/* .blog-banner-cls {
    padding: 14% 0%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("https://www.tangerine.com.au/storage/Images/blog-banner.png");
} */

.banner .banner-text .col-md-12 {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.banner-img {
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translate(-50px, -50%);
    -webkit-transform: translate(-50px, -50%);
    -moz-transform: translate(-50px, -50%);
    -o-transform: translate(-50px, -50%);
    -ms-transform: translate(-50px, -50%);
}

.search-bl {
    width: 100%;
    position: relative;
    display: block;
    padding: 0 18px;
    text-align: left;
    background: #fff;
    border: 1px solid #CCCCCC;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
}

.search-bl i {
    position: absolute;
    left: 18px;
    top: 12px;
}

.search-bl .form-control {
    padding-left: 56px;
    border: none;
}

.search-bl .search-box:focus+.search-result {
    display: block;
}

.address-list {
    display: block;
    position: relative;
}

.pac-container {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.pac-container:after {
    /* Disclaimer: not needed to show 'powered by Google' if also a Google Map is shown */

    background-image: none !important;
    height: 0px;
}

.pac-matched {
    font-weight: bolder;
}

.autocomplete-suggestions {
    width: 100%;
    height: 155px !important;
    min-height: 155px !important;
    max-height: 150px !important;
    margin-top: 10px;
    padding-right: 10px !important;
    background: #fff;
    cursor: default;
    overflow: auto;
    position: relative;
}

.autocomplete-suggestion,
.pac-item {
    padding: 10px 5px;
    white-space: nowrap;
    overflow: hidden;
    margin: 3px 0px 0px 0;
    padding: 15px 20px 15px 30px;
    font-size: 16px !important;
    line-height: 16px !important;
    color: #333333;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #fff;
    border: 1px solid #FF6B00;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    cursor: pointer;
}

.autocomplete-selected,
.pac-item:hover,
.autocomplete-suggestion:hover {
    color: #fff;
    background: #FF6B00;
}

.whyus-item img {
    width: 75%;
}

@media screen and (min-width: 1280px) {

    div#v-pills-nbn:not(.with-child) {
        background-repeat: no-repeat;
        background-position: right bottom;
        /*background-image: url(https://www.tangerine.com.au/storage/2021/animation/animation5.png);*/
        background-size: 32%;
    }

    div#v-pills-admin:not(.with-child) {
        background-repeat: no-repeat;
        background-position: right bottom;
        /*background-image: url(https://www.tangerine.com.au/storage/2021/animation/animation2.png);*/
        background-size: 32%;
    }

    div#v-pills-enquiry:not(.with-child) {
        background-repeat: no-repeat;
        background-position: right bottom;
        /*background-image: url(https://www.tangerine.com.au/storage/2021/animation/animation1.png);*/
        background-size: 32%;
    }

    div#v-pills-history:not(.with-child) {
        background-repeat: no-repeat;
        background-position: right bottom;
        /*background-image: url(https://www.tangerine.com.au/storage/2021/animation/animation3.png);*/
        background-size: 32%;
    }

    div#v-pills-payments:not(.with-child) {
        background-repeat: no-repeat;
        background-position: right bottom;
        /*background-image: url(https://www.tangerine.com.au/storage/2021/animation/animation4.png);*/
        background-size: 32%;
    }


    .banner-img img {
        width: auto;
        height: auto;
    }

    .banner-img {
        position: absolute;
        top: 55%;
        right: 0px;
        transform: translate(-0px, -50%);
        -webkit-transform: translate(-0px, -50%);
        -moz-transform: translate(-50px, -50%);
        -o-transform: translate(-50px, -50%);
        -ms-transform: translate(-50px, -50%);
    }

    .homepage .banner-img img {
        height: 500px;
    }

    .homepage .banner-img {}
}

@media screen and (min-width:1500px) {
    .banner-img {
        position: absolute;
        top: 56%;
        right: 0em;
    }
}

@media screen and (min-width:1900px) {
    .banner-img {
        position: absolute;
        top: 57%;
        right: 15em;
    }
}

@media screen and (min-width:2000px) {
    .banner-img {
        position: absolute;
        top: 56%;
        right: 27em;
    }

}

@media screen and (max-width: 1280px) {
    .customer-portal .navbar-brand {
        margin-right: 100px;
    }

    .banner {
        height: auto;
        padding: 80px 0;
        display: block !important;
    }

    .landing_space {
        margin-bottom: 0em !important;
    }

    .pancare_nbn_space {

        margin-top: 5em !important;
        padding-top: 4rem !important;
    }

    .pancare_row_height {
        height: 104vh !important;
    }

    .pancare_nbn_space .banner-text {
        display: unset;
    }

    .banner-img {
        position: relative;
        top: auto;
        right: auto;
        text-align: center;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
    }

    .banner-img img {
        margin: 0 auto 15px auto;
        width: auto;
        height: 200px;
    }

    .banner .banner-text {
        display: block;
        width: 100%;
        height: auto;
    }

    .banner .banner-text .col-md-12 {
        display: block;
    }
}

@media screen and (max-width: 992px) {

    .banner-img img {
        height: 300px;
    }
}

.sticky_address {
    position: absolute;
    bottom: 70px;
    width: -webkit-fill-available;
}
@media screen and (max-width: 750px) {
        .eero_learning_img
    {
        display: block !important;
    }
}

@media screen and (max-width: 768px) {

    .months_offer .btn-sm {
        margin-top: 1em !important;
    }


    .offer_months_points li img {
        /*float: unset;
		padding-right: 0;
		display:block;
		margin-bottom: 2em;*/
    }

    .offer_months_points li {
        /*text-align: center !important;*/
    }

    .offer_months_points li h4 {
        /*text-align: center !important;*/
    }

    .offer_title {
        margin-top: 30px;
    }

    .gray-icon::before {
        display: none;
    }

    .gray-icon {
        margin-bottom: 30px;
    }
    .arrow-icon::before
    {
        display: none;
    }
    .arrow-icon
    {
        margin-bottom: 30px;
    }

    .mg-top {
        margin-top: -145px !important
    }

    .autocomplete-suggestion,
    .pac-item {
        padding: 15px 20px;
        width: 100%;
    }

    .sticky_address {
        position: unset;
    }

    .bupa_image {
        width: 60% !important;
    }

    div#bootstrap_row {
        text-align: center !important;
        }

    #bootstrap_row .col-md-4.text-right {
    text-align: center !important;
    }
    .width_30{
        width: unset !important;
    }
    .bttn {
        padding: 31px 54px !important;
    }
    .table_btn .btn
    {
        padding: 23px 41px;
    }

}
@media screen and (max-width: 766px)
{
    .desktop_version
    {
        display: none !important;
    }
    .mobile_version
    {
        display: block !important;
    }
}
@media screen and (max-width: 767px) {
    .whyus-item img {
        /*width: 50% !important;*/
        width: unset !important;
    }

    .whyus-item-first img {
        width: 50% !important;
    }

    .autocomplete-suggestions {
        padding-right: 20px !important;
    }
}

/* ########## INTRO CSS ########## */
.intro {
    display: block;
    margin-top: 50px;
}

ul.ratings {}

ul.ratings li {
    display: inline-block;
    margin-right: 8px;
}

ul.ratings li:last-child {
    margin-right: 0;
}

ul.ratings li i {
    font-size: 30px;
    color: #FF6B00;
}

@media screen and (max-width: 992px) {
    .img-intro {
        width: auto !important;
        height: 300px !important;
    }
}

@media screen and (max-width: 767px) {

    .intro,
    .intro .text-right,
    .intro h3 {
        /*text-align: center !important;*/
    }
}

/* ########## PRODUCT REVIEW CSS ########## */
.product-review {}

.product-review .btn {
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;

}

.product-review .btn i {
    margin: 0 5px;
}

.product-review .btn:hover svg path {
    fill: #fff !important;
}

/* ##########################################################
-------------------------------------------------------------
					NBN PAGE CSS
-------------------------------------------------------------
########################################################## */

/* Pricing Plans CSS */
.pricing-plans {
    display: block;
}

.pricing-plans .heading-bl {
    display: block;
    clear: both;
    padding: 20px;
    background: #EEEEEE;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
}

.pricing-plans .col-lg-4 {
    display: flex;
    /* align-self: flex-end; */
}

.pricing-plans .col-lg-3 {
    display: flex;
    /* align-self: flex-end; */
}

.plans {
    text-align: center;
}

.plans .plan-btn,
.plans label {
    /*min-width: 100% !important;*/
    position: relative;
    display: block !important;
    padding: 0;
    margin: 0 auto;
    font-size: 14px;
    line-height: 22px !important;
    color: #666 !important;
    background: none !important;
    border: none !important;
    box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    overflow: visible;
    outline: none !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    white-space: normal !important;
    word-wrap: break-word !important;
}

.plans .plan-btn:hover {
    color: #666666 !important;
}

.plans .plan-btn input[type=radio] {
    opacity: 0;
}

.plans .plan-btn.active {
    outline: none !important;
}



/* .plans .plan-btn.active .plan-bl-inner {
    border-color: #FF6B00;
} */

.plans .plan-btn .plan-bl .popular-plan {
    background: #f2eb06;
}

.plans .plan-btn.active .plan-bl .popular-plan {
    background: #f2eb06;
}

.pricing-plans .plan-bl {
    /*width: 350px;*/
    position: relative;
    top: 0;
    /* display: block !important; */
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: end;
    height: 100%;
    margin: 0 auto !important;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
}

.product-ctg:has(.popular) {
    margin-top: 70px;
}
.owl-stage:has(.popular), #tech-wise-speed:has(.popular) {
    margin-top: 30px;
}

.plan-bl:hover {
    top: -5px;
}

.plan-bl-inner {
    flex-grow: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 35px 16px;
    color: #000;
    background-color: #ffff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    box-shadow: 6px 6px 1px 1px #000000;
    border: 1px solid #000;
    transition: box-shadow 0.2s ease;
}
.plan-bl:hover .plan-bl-inner,.plan-bl:hover .plan-bl-head {
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}
.plan-bl-head {
    display:block;
    background: #93C4E8;
    color: black;
    padding: 10px 16px;
    text-align: left;
    box-shadow: 6px 6px 1px 1px #000000;
    border-radius: 30px 30px 0px 0px;
    -webkit-border-radius: 30px 30px 0px 0px;
    border: 1px solid black;
    border-bottom: 0px;
    transition: box-shadow 0.2s ease;
}
.plan-bl:has(.plan-bl-head) .plan-bl-inner {
    border-radius: 0px 0px 30px 30px;
    -webkit-border-radius: 0px 0px 30px 30px;
    border-top: 0px;
    padding: 20px 16px;
}

/*.pricing-plans .plan-bl-inner.selected {
	border: 2px solid #FF6B00;
}*/
.heading {
    font-size: 60px;
    line-height: 60px;
    font-weight: 400;
    font-family: 'HWTArtz', 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sub-heading {
    font-size: 36px;
    line-height: 36px;
    font-family: 'HWTArtz', 'Open Sans', Arial, Helvetica, sans-serif !important;
    text-transform: uppercase;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* .plan-bl.popular .plan-bl-inner {
    border-radius: 0 0 30px 30px;
    -webkit-border-radius: 0 0 30px 30px;
    -moz-border-radius: 0 0 30px 30px;
    -o-border-radius: 0 0 30px 30px;
    -ms-border-radius: 0 0 30px 30px;
} */

.plan-bl .popular-plan {
    position: absolute;
    bottom: 100%;
    margin: 0 8%;
    width: 84%;
    padding: 15px 15px 10px 15px;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    /*background: #FF6B00;*/
    border-radius: 30px 30px 0 0;
    -webkit-border-radius: 30px 30px 0 0;
    -moz-border-radius: 30px 30px 0 0;
    -o-border-radius: 30px 30px 0 0;
    -ms-border-radius: 30px 30px 0 0;
}


.col-lg-3 .plan-bl h3 {
    font-size: 32px;
}

.col-lg-3 .plan-bl .btn-sm {
    padding: 10px 50px;
}

.plan-bl p i {
    position: relative;
    left: -4px;
}

.plan-bl p a i {
    color: #000000;
}

.plan-bl p a i:hover {
    color: #ff7500;
}

.plan-bl .fa-question-circle {
    margin-left: 10px;
    font-size: 18px;
}

.plan-bl ul {
    display: block;
    /* width: 90%; */
    margin: 10px 0 !important;
}

.plan-bl ul li {
    position: relative;
    padding-left: 28px;
    text-align: left;
    color: #000000;
    font-weight: 500;
    font-family: 'Barlow Semi Condensed', sans-serif;
    margin-bottom: 10px;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.plan-bl ul li i {
    position: absolute;
    left: 0;
    top: 2px;
    color: #000000;
    right: 0px;
}

.plan-bl h1 span,
.plan-bl h2 span {
    font-size: 18px;
}

.plan-bl .text-sm {
    text-align: center;
    color: #999999;
}

button.add-to-cart, button.sim-btn {
    width: fit-content;
    margin: auto;
}

@media screen and (max-width: 1024px) {
    .plan-bl-inner {
        padding: 25px !important;
    }
}

@media screen and (max-width: 576px) {

    .plan-bl .btn-sm {
        padding: 10px 30px;
    }

    .responsibilityFont{ font-size: 32px !important; line-height: 30px !important;}
}

/* Your Order CSS */
.your-order .img-mascot {
    width: auto;
    height: 250px;
}

ul.order-list li {
    padding: 20px 0;
    border-bottom: 1px solid #CCCCCC;
}

ul.order-list li:first-child {
    padding-top: 0;
}

ul.order-list li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

@media screen and (max-width: 576px) {
    .btn-sm {
        padding: 10px 22px !important;
    }

    .dashboard-boxes1 .font1 {
        font-size: 24px !important;
    }

    .dashboard-boxes2 .font2 {
        font-size: 24px !important;
    }

    .dashboard-boxes3 .font3 {
        font-size: 24px !important;
    }

    .dashboard-boxes4 .font4 {
        font-size: 24px !important;
    }

    #v-pills-tabContent>.active {
        height: 99% !important;
    }

    ul.order-list li .text-right {
        text-align: left !important;
    }

    ul.order-list li h3 {
        margin-bottom: 5px !important;
    }

    #order-btn-modem {width: 90% !important}
}

/* Order Total CSS */
.order-total {
    display: block;
    background: #666666;
}

.order-total,
.order-total h1,
.order-total h3 {
    color: #fff;
}

.order-total .btn:hover {
    color: #ff6a00 !important;
    background: #ffffff !important;
}

.order-total .btn-sm2:hover {
    color: #fff !important;
    background: #FF6B00 !important;
}

/* .promo-bl {
    width: 100%;
    display: inline-block;
    height: 60px;
    padding: 5px 8px;
    background: #fff;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
}

.promo-bl .form-control {
    border: none;
} */

@media screen and (max-width: 992px) {

    .order-total,
    .order-total .text-right,
    .order-total h3 {
        text-align: center !important;
    }

    .order-total .btn {
        display: block;
        width: 100%;
    }
}

/* Accordion CSS */
.card {
    margin-bottom: 10px;
    background: none;
    border: none;
    /*border-bottom: 1px solid #CCCCCC;*/
    border-radius: 0;
}

.card.first {
    padding-top: 10px;
    border-top: 1px solid #CCCCCC;
}

.card-header {
    margin: 0;
    padding: 20px 20px 10px 0;
    background: none;
    border-bottom: none;
}

.card-header h5 {
    position: relative;
    font-size: 18px;
    color: #000000;
    text-transform: none;
    cursor: pointer;
    font-family: 'Barlow Semi Condensed', sans-serif !important;
    font-weight: 400;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.tech-wise-sim .card-header {
    text-align: center;
}

.card-header h5::before {
    font-family: 'Font Awesome 5 Free' !important;
    content: "\f107";
    float: right;
    color: #CCCCCC;
    font-weight: 900;
    font-size: 20px !important;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
}

.card-header.active h5:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 30px 10px 0;
}

@media screen and (max-width: 1024px) {
    .card-header h5 {
        font-size: 16px;
        line-height: 24px;
    }
}

/* Why Us CSS */
.whyus {
    display: block;
}

.whyus-item {
    display: block;
    text-align: center;
}

.whyus-item i {
    font-size: 40px;
    color: #FF6B00;
}

.whyus-item h6 {
    text-align: center;
}

.whyus-item p {
    font-size: 14px;
    line-height: 18px;
}

/* ##########################################################
-------------------------------------------------------------
					MODALS CSS
-------------------------------------------------------------
########################################################## */
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background: rgba(0, 0, 0, .3);
}

.modal-backdrop.show {
    opacity: 1
}

.modal-content {
    border: none;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
}

.modal-body {
    padding: 90px 120px;
}

.close {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 30px;
    color: #000;
    text-shadow: none;
    opacity: 1;
    z-index: 9;
}

.close:hover {
    color: #FF6B00 !important;
    opacity: 1;
}

@media screen and (max-width: 992px) {
    .modal-body {
        padding: 60px;
    }
}

@media screen and (max-width: 576px) {
    .modal-body {
        padding: 30px;
    }
}

/* ##########################################################
-------------------------------------------------------------
						CHECTOUT PAGES CSS
-------------------------------------------------------------
########################################################## */
.forgot-pass {
    padding-right: 20px;
}

.page-checkout {
    padding-top: 50px !important;
}

@media screen and (max-width: 576px) {
    .page-checkout header .navbar-brand {
        float: none !important;
    }

    .page-checkout header .navbar-brand img {
        width: auto;
        height: 30px;
    }
}

.checkout {}

/* Progress Bar CSS */
ul.progressbar {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    counter-reset: step;
}

ul.progressbar li {
    position: relative;
    width: 25%;
    float: left;
    color: #999999;
    font-size: 20px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'HWTArtz', 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}

ul.progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto;
    text-indent: -99999px;
    border: 2px solid #ff7500;
    background: #ffffff;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
}

ul.progressbar li.active:before {
    background: url(https://www.tangerine.com.au/storage/Images/icon/process_tick.png);
    background-size: cover;
    border: unset !important;
}

ul.progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #CCCCCC;
    position: absolute;
    left: -50%;
    top: 14px;
    z-index: -1;
}

ul.progressbar li:first-child:after {
    content: none;
}

ul.progressbar ul {
    width: 65%;
    position: absolute;
    top: 5px;
    left: 65%;
    right: 0;
}

ul.progressbar li ul li:before {
    width: 12px;
    height: 12px;
    margin: 0 auto;
}

ul.progressbar li ul li:after {
    top: 5px;
}

@media screen and (max-width: 576px) {
    ul.progressbar li:before {
        width: 40px;
        height: 40px;
    }


    ul.progressbar li:after {
        height: 1px;
        top: 18px;
    }

    ul.progressbar ul {
        top: 4px;
    }

    ul.progressbar li ul li:before {
        width: 10px;
        height: 10px;
    }
}

/* Order Summary CSS */
@media screen and (max-width: 992px) {
    #sidebar {
        padding-top: 0 !important;
    }
}

.order-summary {
    padding: 40px;
    border: 1px solid #000;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    box-shadow: 6px 6px 1px 1px #000000;
    -webkit-transition: all 0.2s;
    -webkit-border-radius: 30px;
}
.order-summary h3
{
    font-size: 36px;
}

.summary-list {
    display: block;
}

/*.summary-list .price {
	padding-right: 5px;
}
.summary-list.finish .price {
	padding-right: 0;
}*/
.summary-list .price i {
    position: absolute;
    top: 5px;
    right: -10px;
    font-size: 14px;
    color: #CCCCCC;
}

.btn-back {
    margin: 7px 0;
    font-size: 18px;
    vertical-align: middle;
}

.error {
    color: #FF0000;
}

.form-control.error {
    border-color: #FF0000;
}

.add {
    position: relative;
    min-height: 30px;
    padding-left: 40px
}

.add i {
    position: absolute;
    left: 0;
    top: -5px;
    vertical-align: middle;
}

.add i.fa-plus-circle {
    font-size: 30px;
}

@media screen and (max-width: 576px) {
    .order-summary {
        padding: 30px;
    }
    .whyus-item-box h3 {
        font-size: 24px !important;
    }
    .whyus-item-box
    {
        min-height: 380px !important;
    }
    .box_size_faq
    {
        min-height: 245px !important;
    }

}

.nested-form {
    display: none;
    margin: 0 0 0 30px;
}

/*##################### Contact MAP ###################*/
.contact-map-container iframe {
    height: 100%;
    width: 100%;
    -webkit-filter: grayscale(99%);
    -moz-filter: grayscale(99%);
    -ms-filter: grayscale(99%);
    -o-filter: grayscale(99%);
    filter: grayscale(99%);
}

/*######################### Google Autocomplete ################################*/
.pac-icon {
    display: none;
}

/*######################## Custom CSS ################################*/
.custom-pt6 {
    padding-top: 40px !important;
}

/* changes for critical info*/
body .a-color-grey {
    color: #000000 !important;
    font-weight: 400;
}

body .a-color-grey:hover,
body .btn.plan-btn:hover .a-color-grey:hover {
    color: #FF6B00 !important;
}

body .btn.plan-btn:hover .a-color-grey {
    color: #000000 !important;
}

.responsive-btn {
    padding: 10px 10px;
    white-space: normal;
}

.promo-bg {
    background-color: #666;
}

.input-clr {
    background-color: #f7f2f1;
}

.has-error input:not(#blog_email) {
    border-width: 2px;
    border-color: #FF6B00;
    /* border:1px solid #0E4F55 !important; */
    /* box-shadow:
    0 0 0 2px #0E4F55,
    0 0 0 5px #B8DFF0 !important;
  outline: none;
  border: none !important; */
}

.has-error select {
    border:1px solid #0E4F55 !important;
    /* box-shadow:
    0 0 0 2px #0E4F55,
    0 0 0 5px #B8DFF0 !important;
  outline: none;
  border: none !important; */
}

.validation.text-danger:after {
    content: 'Validation failed';
}

.validation.text-success:after {
    content: 'Validation passed';
}

i.search-clr {
    left: unset;
    right: 18px;
    top: 15px;
}

/*.plan-speed .plan-bl-inner mb2 mb1-md
{
	min-height: 515px;
}*/

.plan-speed .plan-bl-inner {
    min-height: 490px;
}

.plan-modem .plan-bl-inner {
    min-height: 530px;
}

.plan-call .plan-bl-inner {
    min-height: 553px;
}

.plan-sim .plan-bl-inner {
    min-height: 525px;
}

.btn-order:hover a {
    color: #FF6B00 !important;
    text-decoration: none !important;
}

/*serach*/
.pac-container {
    margin-top: -300px;
}

/*custom css*/
.main-menu .nav li .heading {
    position: relative;
    display: block;
    margin: 0;
    padding-bottom: 10px;
    color: #000;
    font-family: 'HWTArtz', 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-size: 72px;
    text-align: left;
    text-transform: uppercase;
    background: none;
    border: none;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h2#nbn-grand-total {
    color: #ffffff;
}

/*.main-menu .nav li .heading {
    font-size: 39px;
    line-height: 36px;
    padding-bottom: 6px;
}*/

.tab-content>.active {
    padding-top: 0px;
}

/* Error pages CSS*/
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    padding: 0;
    margin: 0;
}

#notfound {
    position: relative;
    height: 100vh;
}

#notfound .notfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.notfound {
    max-width: 520px;
    width: 100%;
    line-height: 1.4;
    text-align: center;
}

.notfound .notfound-404 {
    position: relative;
    /*height: 240px;*/
}

.notfound .notfound-404 h1 {
    font-family: 'HWTArtz', 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 252px;
    font-weight: 900;
    margin: 0px;
    color: #262626;
    text-transform: uppercase;
    letter-spacing: -40px;
    margin-left: -20px;
}

.notfound .notfound-404 h1>span {
    text-shadow: -8px 0px 0px #fff;
}

.notfound .notfound-404 h3 {
    font-family: 'HWTArtz', 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #262626;
    margin: 0px;
    letter-spacing: 3px;
    padding-left: 50px;
}

.notfound h2 {
    font-family: 'HWTArtz', 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
    margin-top: 0px;
    margin-bottom: 25px;
    padding-left: 50px;
}

@media only screen and (max-width: 767px) {
    .notfound .notfound-404 {
        height: 200px;
    }

    .notfound .notfound-404 h1 {
        font-size: 200px;
    }
}

@media only screen and (max-width: 480px) {
    .notfound .notfound-404 {
        height: 162px;
    }

    .notfound .notfound-404 h1 {
        font-size: 162px;
        height: 150px;
        line-height: 162px;
    }

    .notfound h2 {
        font-size: 16px;
    }

    .tooltip_size {
        margin-top: 28px !important;
    }
}

/* End Error Pages CSS*/
.mobile_banner {
    right: unset;
    left: 0;
}

@media screen and (min-width:1920px) {
    .banner-img {
        right: 15em;
    }

    .mobile_banner {
        right: unset !important;
        left: 10em;
    }
}

@media screen and (min-width:2200px) {
    .banner-img {
        right: 25em;
    }

    .mobile_banner {
        right: unset !important;
        left: 30em;
    }
}

/*@media screen and (max-width:2500px) {
	.banner-img{right:25em;}
	.mobile_banner{right:unset !important;left:32em;}
}*/
.fixed-top .nav {
    height: 90%;
    width: auto;
    overflow: hidden;
    overflow-y: scroll;
    /* margin: 50px auto 0; */
    /*box-shadow: 0 2px 6px #333;*/
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

div .fixed-top {
    top: 68px;
}

.main-heading {
    padding-top: 15px;
}

.navbar .main-menu {
    /* font-family: 'MuseoSans500', 'Open Sans', Arial, Helvetica, sans-serif; */
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.navbar .main-menu .main-heading {
    font-family: 'HWTArtz', 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-weight: 500;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.card-text {
    text-align: justify;
}

.left-text {
    text-align: left;
}

ul.dotes li {
    margin: 0 !important;
    padding: 0 !important;
    outline: none !important;
    background: none !important;
    border: none !important;
    list-style: disc !important;
}

.btn-finish {
    padding: 9px 54px;
}

.success {
    font-size: 39px !important;
    line-height: 30px !important;
    color: #ff6b00 !important;
}

.input-group #amount {
    border-bottom-right-radius: 27px !important;
    border-top-right-radius: 27px !important;
}

.input-group-prepend #inputGroupPrepend {
    border-bottom-left-radius: 27px !important;
    border-top-left-radius: 27px !important;
}

#network_map h1 {
    font-family: 'HWTArtz', 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#network_map h2 {
    font-family: 'HWTArtz', 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*.grecaptcha-badge {position: unset !important;}*/
div.plan-img img.img-fluid {
    max-height: 250px;
}

.monthlyprice {
    display: block;
    line-height: normal;
}

small.help-block {
    margin-bottom: 0;
    font-size: 16px;
    color: #ff6b00;
}

.top-padding {
    padding: 120px 0;
}

.customer-font {
    position: relative;
    display: block;
    font-size: 30px;
    margin: 0;
    padding: 0;
    color: #666666;
    font-family: 'HWTArtz', 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    text-transform: uppercase;
    background: none;
    border: none;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.service-font {
    position: relative;
    font-size: 30px;
    display: block;
    margin: 0;
    padding: 0;
    color: #666666;
    font-family: 'HWTArtz', 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    /* text-align: left; */
    text-transform: uppercase;
    background: none;
    border: none;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.customer-portal {
    height: 100%;
    min-height: 100%;
}

.customer-portal .btn {
    font-size: 16px !important;
}

.customerPortal {
    position: relative;

    height: auto !important;
    padding-bottom: 50px;
    min-height: calc(100vh - 50px);
}

/*
.customerPortal:after {
  content: "";
  display: block;
  height: 90px;
}*/
.customerfooter {
    position: relative;
    width: 100%;
    min-height: 50px;
    bottom: 0;
    margin: 0;
    padding: 20px 0 1px 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    z-index: 999;
    background-color: #FFFFFF;
}

.customerfooter img {
    max-height: 24px;
}

.card-border {
    border: 1px solid;
    color: #ff6b00;
}

.everyside-padding {
    padding: 5px 5px 5px 5px;
}

.txt-clr {
    color: #ff6b00;
    text-align: center;
}

.page-item.active .page-link {
    background-color: #ff6b00 !important;
    border-color: #ff6b00 !important;
}

.bothside {
    padding: 8px 1px 8px 1px;
}

.textsize {
    font-size: 20px !important;
}

.fontcolor {
    color: #ff6b00;
}

.card-border {
    background: #ff6b00;
}

.icon {
    color: #00000 !important;
}

.iconcolor {
    color: #FFF !important;
}

.boxlink {
    background: #F0F3F4
}

.panel-default {
    border: #ff6b00 1px solid
}

.panel>.panel-heading {
    background-image: none;
    background-color: #ff6b00;
    color: white;
    padding: 12px 0px 12px 27px;

}

ul.dashboardul li {
    list-style-type: square !important;
}

.dashboardul {
    padding: 0px 0px 0px 20px !important;
}

.setspece {
    padding: 20px 0px 0px 25px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.1em 0.1em !important
}

.fonth2 {
    font-size: 36px !important;
    line-height: normal !important;
}

.fonth1 {
    font-size: 60px !important;
    line-height: 0px !important;
}

.stateh2 {
    font-size: 36px !important;
}

/*table th{color: #ff6b00 !important;}*/

.genratepwd {
    border: groove 1px;
    padding: 60px 45px 60px 45px;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 9px 9px;
    border-color: #ff6b00;
}

.loadge-txt {
    background: #ff6b00;
    color: #FFFFFF;
    padding: 10px 16px 10px 18px;
}

.txt-clr {
    color: #FFFFFF;
}

/*.page-link{color: #ff6b00;}*/
.modal-body-size {
    padding: 90px 102px;
}

.model-top {
    margin-top: 10em;
}

.input-container {
    display: -ms-flexbox;
    /* IE10 */
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}

.icon {
    padding: 10px;
    background: dodgerblue;
    color: white;
    min-width: 50px;
    text-align: center;
}

.input-field {
    width: 100%;
    padding: 10px;
    outline: none;
}

.input-field:focus {
    border: 2px solid dodgerblue;
}

.input-icon {
    position: relative;
}

.input-icon>i {
    position: absolute;
    display: block;
    transform: translate(0, -50%);
    top: 50%;
    pointer-events: none;
    width: 38px;
    text-align: center;
    font-style: normal;
}

.input-icon>input {
    padding-left: 25px;
    padding-right: 0;
}

.input-icon-right>i {
    right: 0;
}

.input-icon-right>input {
    padding-left: 0;
    padding-right: 25px;
    text-align: right;
}

.fixed-index {
    z-index: -1;
    position: fixed;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

.dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

.banner .banner-height {
    height: 60vh;
}

.topspece {
    margin-top: 105px !important;
}

.award-img {
    width: 60% !important
}

.mg-top {
    margin-top: -175px;
     !important
}

@media screen and (min-width:1900px) and (max-width:2200px) {
    .mg-top {
        margin-top: -200px !important;
    }
}

@media screen and (min-width:2200px) {
    .mg-top {
        margin-top: -300px !important;
    }
}

.marqueestyle {
    background-color: #ff6b00;
    color: white;
    display: block;
    margin-top: -15px;
    /* padding: 5px 0 0 0; */
}

.marqueestyle p a {
    color: black;
}

.marqueestyle p a:hover {
    color: white;
}

@media screen and (max-width: 1024px) {
    .customer-portal .navbar-brand {
        margin-right: 30px !important;
    }
    .fixed-top .nav
    {
        height: auto !important;
    }
}

.tooltip_size {
    position: absolute !important;
    top: 14px !important;
    margin-left: 9px !important;
    font-size: 18px;
}

.downservice {
    width: 84%;
    padding: 20px 0px 20px 0px;
}

/*CSS Graph*/
.progress-bar {
    background-color: #ff6b00 !important;
    color: #666 !important;
    font-weight: bold;
}

.graph_width {
    width: 300px !important;
    min-width: 200px !important;
}

.fonthline {
    line-height: 36px !important;
}

.add-minus-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-bottom: 21px;
}

.add-minus-flex button:hover {
    cursor: pointer;
}

.add-minus-flex button {
    height: 45px;
    width: 45px;
    border-radius: 50px;
    border: none;
    background: #ff6b00;
    color: #000;
}

.add-minus-flex p {
    border: 2px solid #000000;
    border-radius: 24px;
    height: 43px;
    width: 103px;
    font-size: 28px;
    padding-top: 8px;
    margin: 0 13px;
    color: #000000;
}

/*Make a complaint css*/
#makeAcomplaint label,
#financial-hardship label {
    margin: 0 0 5px 15px !important;
    text-transform: inherit;
    font-weight: 400;

}

#makeAcomplaint label.radio {
    margin: 0 0 5px 1px !important;
}

input[type='radio'] {
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    border: 1px solid #000000;
    border-radius: 50%;
    outline: none;
    /*box-shadow:0 0 5px 0px #ff6b00;*/
}

input[type='radio']:before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 50%;

}

input[type='radio']:checked:before {
    background: #ff6b00;
    border: 3px solid #ff6b00;
}

.radioAlgin {
    padding-right: 24px;
}

.custom-control {
    padding-left: 0.7rem;
}


/*End Make a complaint css*/

/*Till Payment Page css*/
#cvv_div {
    height: 55px;
}

#number_div {
    height: 55px;
}

#payment_form label {
    margin: 0 0 4px 0px !important;

}

#payment_form label.custom-control-label
{
    font-weight: 400;
}

#input_number_length,
#input_valid_number {
    border: 1px solid rgb(204, 204, 204);
    border-radius: 50px;
    padding: 13px 37px;
    font-size: 16px;
    transition: border-color 0.15s ease-in-out 0s,
        box-shadow 0.15s ease-in-out 0s;
    color: rgb(153, 153, 153);
    outline: 0px;
    width: 100%;
}

/*End Till Payment Page css*/

.no-pad {
    padding: 0 !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #FF6B00 !important;
    border: none !important;
}

.dashboard-icons a {
    color: #666666 !important;
}

.dashboard-icons a:hover {
    color: #FF6B00 !important;
}

.dashboard-icons a:active {
    color: #FF6B00 !important;
}

#v-pills-tabContent {
    height: 100%
}

#v-pills-tabContent>.active {
    height: 97%
}

/*#customer-dashboard .shadow{box-shadow: 0 .1rem 0.4rem rgba(0,0,0,.15) !important;}*/
#customer-dashboard .shadow {
    box-shadow: 0 .1rem 0.4rem rgba(0, 0, 0, .6) !important;
    /*border: solid 1px #666;*/
    border-radius: 2rem !important;
}

div.dataTables_wrapper div.dataTables_length select {
    padding: 8px 20px;
    display: inline;
    width: auto;
    height: 38px !important
}

.dataTables_wrapper .dataTables_filter input {
    padding: 8px 20px;
    display: inline;
    width: auto;
    height: 38px !important
}

.collapse_footer:active,
.collapse_footer:focus {
    color: #FF6B00;
}

.rotate_icon {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*Blog*/

.details-card {
    background: #ecf0f1;
}

.card-content {
    overflow: hidden;
    margin-bottom: 40px;
    background: #ffffff;
    border: 4px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.card-img {
    position: relative;
    overflow: hidden;
    border-radius: 0;

    overflow: hidden;

}

.card-img {
    width: 100%;
    height: 270px;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.card-content:hover .card-img {
    -webkit-transform: scale(1.09);
    -moz-transform: scale(1.09);
    -ms-transform: scale(1.09);
    -o-transform: scale(1.09);
    transform: scale(1.09);
}

.card-img img {
    width: 100%;
    height: auto;
    display: block;
}

.carousel-item .card-desc {
    min-height: 75px;
    padding: 1% 10% 1% 10%;
    height: 90px;
}

#carouselExample .card-desc h4 {
    font-size: 20px;
}

.carousel-item .card-img img {
    height: 85%;
}

.card-img span {
    position: absolute;
    top: 15%;
    left: 12%;
    background: #1c68e7;
    padding: 6px;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    transform: translate(-50%, -50%);
}

.card-img span h4 {

    color: #fff;

}

.card-img span h4 {
    font-size: 12px;
    margin: 0;
    padding: 10px 5px;
    line-height: 0;
}

.card-desc {
    /*  padding: 1.25rem;
  min-height:220px;
      padding: 4.25rem;
    min-height: 165px;*/

    padding: 6% 10% 1% 10%;
    min-height: 90px;
}

.card-desc h3 {
    color: #000000;
    font-weight: 600;
    font-size: 24px;
    text-align: left;
    line-height: 1.3em;
    margin-top: 0;
    margin-bottom: 5px;
    padding: 0;
}

.card-desc p {

    line-height: 1.5;
    margin: 0px;
    margin-bottom: 20px;
    padding: 0;
}

.btn-card {
    background-color: #000000;
    color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    padding: .84rem 2.14rem;
    font-size: .81rem;
    margin: 0;
    border: 0;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    color: #fff;
}

.btn-card:hover {
    background: #0a0424;
    color: #fff !important;
}

a.btn-card {
    text-decoration: none;
    color: #fff;
}

.post_body p {
    text-align: justify !important;
    font-weight: 500;
}

#small-banner {
    padding: 200px 0 !important;
    height: auto;
}

.well {
    min-height: 20px;
    padding: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.post_body li {
    list-style-type: decimal;
}

.well h4 {
    font-size: 20px;
    text-align: left;
    font-weight: 600;
    margin-bottom: 10px;
}

.well p {

    margin: 0 0 10px;
}

.form-control1 {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.btn1 {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-default1 {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.banner_title {
    margin-top: 38%;
}

/*End*/



@media (min-width: 768px) {

    /* show 3 items */
    .carousel-inner .active,
    .carousel-inner .active+.carousel-item,
    .carousel-inner .active+.carousel-item+.carousel-item,
    .carousel-inner .active+.carousel-item+.carousel-item+.carousel-item {
        display: block;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item+.carousel-item {
        transition: none;
    }

    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    .carousel-inner .active.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    .carousel-item-next,
    .carousel-item-prev,
    .carousel-item.active {
        display: block;
        transition: -webkit-transform .6s ease;
        transition: transform .6s ease;
        transition: transform .6s ease, -webkit-transform .6s ease;
    }

    .carousel-item.col-md-3 {
        transition: -webkit-transform .6s ease;
        transition: transform .6s ease;
        transition: transform .6s ease, -webkit-transform .6s ease;
    }

    /* left or forward direction */
    .active.carousel-item-left+.carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left+.carousel-item,
    .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item,
    .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item,
    .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    .active.carousel-item-right+.carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right+.carousel-item,
    .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item,
    .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item,
    .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}

.carousel-control-next-icon {
    background-color: #ff6b00;
}

.carousel-control-prev-icon {
    background-color: #ff6b00;
}

.carousel-control-prev {
    left: 81% !important;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-next,
.carousel-control-prev {

    display: block;

}

.carousel-control-next,
.carousel-control-prev {

    top: -60px;
    bottom: unset;

}

.carousel-control-next-icon,
.carousel-control-prev-icon {

    width: 30px;
    height: 30px;

}

@media screen and (min-width: 300px) and (max-width: 992px) {
    #customer-dashboard .p-5 {
        padding: 3rem 1.5rem !important
    }

    #customer-dashboard div.dataTables_wrapper div.dataTables_length {
        text-align: left !important
    }

    #customer-dashboard div.dataTables_wrapper div.dataTables_filter {
        text-align: left !important
    }

    #customer-dashboard div.dataTables_wrapper div.dataTables_length label {
        margin-left: 0 !important;
    }

    #customer-dashboard div.dataTables_wrapper div.dataTables_filter label {
        margin-left: 0 !important;
    }

    #customer-dashboard div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child {
        padding-left: 0px !important
    }

    .carousel-control-prev {
        left: 74% !important;
    }

    span#headername {
        display: none;
    }
    .image_width
    {
        width: 100% !important;
    }
    .f-25
    {
        font-size:25px;
        line-height: normal !important;
    }


}

.post_body ol li {
    list-style-type: decimal;
}

.post_body ul {
    list-style-type: disc !important;
    padding-inline-start: 40px;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.post_body ul li {
    list-style-type: disc !important;
}

#ubFontSize {
    font-size: 23px;
}

.spctop {
    margin-top: 15px;
    margin-bottom: 20px;
    ;
}

/* Bootstrap Lightbox using Modal */
.dashboard-boxes1 {
    height: 120px;
    vertical-align: middle;
    padding-top: 25px;
    /*border: solid 1px #FF6B00;*/
    background: #ff6b0012;
    border-radius: 1rem !important;
}

.dashboard-boxes1 .font1 {
    color: #ff6b00b0
}

.dashboard-boxes2 {
    height: 120px;
    vertical-align: middle;
    padding-top: 25px;
    /*border: solid 1px #FF6B00;*/
    background: #ff6b0012;
    border-radius: 1rem !important;
}

.dashboard-boxes2 .font2 {
    color: #ff6b00b0
}

.dashboard-boxes3 {
    height: 120px;
    vertical-align: middle;
    padding-top: 25px;
    /*border: solid 1px #FF6B00;*/
    background: #ff6b0012;
    border-radius: 1rem !important;
}

.dashboard-boxes3 .font3 {
    color: #ff6b00b0
}

.dashboard-boxes4 {
    height: 120px;
    vertical-align: middle;
    padding-top: 25px;
    /*border: solid 1px #FF6B00;*/
    background: #ff6b0012;
    border-radius: 1rem !important;
}

.dashboard-boxes4 .font4 {
    color: #ff6b00b0
}

#customer-dashboard .nav-pills .nav-link {
    color: #fff;
    background: #666;
    border-radius: 0.5rem !important;
}

#customer-dashboard #v-pills-tab .shadow.nav-link {
    color: #fff;
    background: #666;
    border-radius: 0.5rem !important;
}

#customer-dashboard .nav-pills .nav-link:hover {
    color: #fff;
    background: #FF6B00;
}

.dashboard-icons .name.text-muted.text-decoration-none.text-center.pt-1.font-weight-bold {
    font-weight: 500 !important
}

.name.text-decoration-none.text-center.pt-1 {
    color: #333;
}

.name.text-decoration-none.text-center.pt-1:hover {
    color: #FF6B00 !important;
}

.checkout.dashboard.top-padding {
    padding: 120px 0 60px 0;
}



/*-------------Counter------------*/

.counter {

    color: #fff;
    background: #fff;
    text-align: center;
    width: 180px;
    padding: 35px 20px 10px;
    margin: 0 auto;
    border-radius: 30px 0;
    box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 1;
}

.counter:before {
    content: "";
    background: #ff6b00;
    border-radius: 15px;
    box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 12px;
    left: 12px;
    right: 12px;
    bottom: 27px;
    z-index: -1;
}

.counter .counter-icon {
    font-size: 28px;
    margin: 0 0 10px;
    transform: rotateX(0deg);
    transition: all 0.3s ease 0s;

}

.counter:hover .counter-icon {
    transform: rotateX(360deg);
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.counter h3 {
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    text-align: center;
    margin: 0 0 20px;
}

.counter .counter-value {
    color: #666;
    background: #fff;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    font-family: 'HWTArtz', 'Open Sans', Arial, Helvetica, sans-serif !important;
    line-height: 50px;
    width: 90%;
    height: 50px;
    padding: 0 15px;
    margin: 0 0 0 -20px;
    display: block;
    border-radius: 0 15px 0 0;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.counter.gray:before {
    background-color: #666666;
}

@media screen and (max-width:990px) {
    .whyus #myTab .nav-link {
        padding: .5rem !important;
    }

    .counter {
        margin-bottom: 40px;
    }
}

.ipsticky
{
    margin-left: 3px !important;
    left: unset !important;
}

.blog-banner {
    height: 58vh !important;
}

.main .container .row ol {
    padding: 10px 0 10px 25px;
}

.main .container .row ol>li {
    list-style: decimal;
}

/*.main .container .row ul>li{list-style: disc;}*/
#unsuredata {
    margin-left: 20px !important;
}

.msg small.help-block {
    margin-left: 19px !important;
}

/*===================== Slider CSS ========================*/


.owl-carousel .slider_arrow_left {

    position: absolute;
    left: -4.8em;
    top: 190px !important;
}

.owl-carousel .slider_arrow_right {

    position: absolute;
    right: -4.8em;
    top: 190px !important;
}

.owl-carousel .col-lg-3 {
    display: initial !important;
}

.owl-carousel .flex_goup {
    display: block;
    width: 98% !important;
    max-width: 98% !important;
}

.owl-carousel .owl-item img {
    display: unset !important;
    width: 70%;
    /* max-height: 200px; */
}

.owl-nav button.disabled .slider_arrow_left {
    display: none;
}

.owl-nav button.disabled .slider_arrow_right {
    display: none;
}

.top_height {
    min-height: 66px;
}

.monthlyprice {
    min-height: 21px;
}
.h_30 {
    min-height: 30px;
}

.h_60 {
    min-height: 60px;
}

.h_89 {
    min-height: 89px;
}

.h_100 {
    min-height: 100px;
}

.h_132 {
    min-height: 132px;
}

.h_154 {
    min-height: 154px;
}

.h_250 {
    min-height: 250px;
}
.h_200 {
    min-height: 200px;
}

.h_200 {
    min-height: 200px;
}
.h_230
{
    min-height: 230px;
}
.h_390 {
    min-height: 325px;
}

.active_banner {
    position: absolute;
    right: -105px;
    width: 446px;
    top: -54px;
    z-index: -999;
}

@media (max-width: 500px) {
    .pancare_logo img {
        margin-bottom: 14px;
    }

    .right_line {
        margin-bottom: 30px;
    }
    .owl-carousel .slider_arrow_right {
        right: -1.9em !important;
        width: 12%;
    }

    .ipsticky {
        top: 27px !important;
        left: 35px !important;
    }

    .owl-carousel .slider_arrow_left {
        left: -1.9em !important;
        width: 12%;
    }


    .owl-carousel .owl-item img {
        width: unset;
    }

    .owl-carousel {
        width: 100% !important;
        margin-right: auto;
        margin-left: auto;
    }

    .pricing-plans .plan-bl {
        width: 19em;
    }

    #tech-wise-modem .plan-bl:hover {
        top: 10px !important;
    }

    .search-bl,
    input::placeholder {
        font-size: 12px;
    }

    .search-bl .form-control {
        padding-left: 30px;
    }

    .landing_space {
        margin-top: 2em !important;
        margin-bottom: 3em !important;
    }

    .top_mobile4 {
        margin-top: 40px;
    }
    .orignal_title_text
    {
        font-size: 24px !important;
        line-height: 25px;
    }
    .original_title {

        transform: translate(152%, -70%) !important;
        width: 24% !important;
        top: -12px !important;
    }
    .fresh_title
    {
        font-size: 50px !important;
    }
    .f44 {
        font-size: 26px !important;
    }
    .counting_cicle
    {
        padding: 14px 16px !important;
    }
    .verification_eye
    {
        bottom: 36.3% !important;
    }
    .new_home_banner {
        margin-top: 7em !important;
    }
    .new_home_banner h1 {
        font-size: 38px !important;
    }
    .header_icons {
        max-width: 100px;
        margin-right: 0px !important;
    }
    /* .blog-banner-cls .h1 {
        font-size: 24px;
        line-height: 22px;
    } */
    .f_size {
        font-size:11px;
    }
    .whyus-item-box.box_size_mobilebroadband {
        padding: 10px 0px 0px 0px !important;
    }
    .eero_secure_title
    {
        font-size: 26px;
    }
    #sim_tab .nav-link
    {
        padding: 0.5rem 1rem !important;
    }

    .f-30{font-size: 26px !important;}

    .eero-section-img
    {
        background-position: unset !important;
        background-image: unset !important;
    }
    #page_slider .owl-nav .owl-next .slider_arrow_right
    {
            width: unset !important;
    }
    #page_slider .owl-nav .owl-prev .slider_arrow_left
    {
            width: unset !important;
    }



}
@media (max-width: 400px) and (min-width: 330px)
{
    .verification_eye {
        bottom: 35.3% !important;
    }
}
@media (max-width: 1006px) and (min-width: 768px) {

    .owl-carousel {
        text-align: center;
        margin-right: auto;
        margin-left: auto;
    }

    .owl-carousel {
        width: 100% !important;
    }

    .owl-carousel .slider_arrow_left {
        left: -30px !important;
    }

    .owl-carousel .slider_arrow_right {
        right: -30px !important;
    }

    .eero_box_new
    {
        min-height: 323px !important;
    }
    .error_icon
    {
        margin-bottom: 1.7rem !important;
    }

}

@media (max-width: 900px) and (min-width: 600px) {
    .pricing-plans .plan-bl {
        width: 19em;
    }
    .whyus-item-box h3 {
        font-size: 24px !important;
    }
    .whyus-item-box {
        min-height: 370px !important;
    }
}

.owl-carousel {
    z-index: 0 !important;
}

#sim .owl-carousel .owl-item img {
    width: 50%;
}

#address-search_popup .heading {
    font-size: 50px !important;
}

#address-search_popup h3 {
    font-size: 28px !important;
}

/*Landing Page CSS */
.landing_space {
    margin-top: 8em;
    margin-bottom: 9em;
}

.landing_point li {
    position: relative;
    padding-left: 28px;
    text-align: left;
    color: #666666;
    padding-bottom: 6px;
}

.landing_point li i {
    position: absolute;
    left: 0;
    top: 2px;
    color: #FF6B00;
}

.heading_price span {
    font-size: 18px;
    color: #ff6b00;
}

.landing_search i.search-clr {
    left: unset;
    right: 4px;
    top: 9px;
}

.landing_search {
    border: 3px solid #ff6b00;
}

.landing_search i {
    font-size: 30px;
    color: #ff6b00;
}

.landing_search,
input::placeholder {
    font-size: 15px;
    color: #666666;
}

.fiber_points {
    display: inline-flex;
}

@media (max-width: 1194px) and (min-width: 770px) {
    .fiber_points {
        display: grid;
    }

    .fiber_points img {
        margin-bottom: 10px;
    }
}

@media (max-width: 1830px) and (min-width: 1366px) {
    .landing_space {
        margin-bottom: 10em;
    }
}

/*Landing Page CSS End */

#jqparntership {
    padding-top: 11em;
    height: auto;
    padding-bottom: 5em;
    background: #f1f1f1;
}

.youtubeImg {
    border-radius: 20px 20px;
}

section.jucistnbn {
    background: #f1f1f1;
}

card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 30px 11px 15px 1px;
}

.space-section .card-body {
    padding: 30px 30px 10px 0;
}

.patnershipsingle li.page-item {
    padding: 0px 10px 0px 10px !important;
    z-index: 0;
}

.patnershipsingle .pagination {
    display: -ms-flexbox;
    display: inline-flex;
    padding-left: 0;
    margin-top: 2em;
    list-style: none;
    text-align: center;
    border-radius: 0.25rem;
}

.top_mobile4 {
    position: relative;
}

.above_address {
    position: absolute;
    bottom: 120px;
}

.btndisbleclr {
    color: #707774;
}

.pan_banner {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.col-md-4.pan_banner {
    z-index: -999;
}

.f50 {
    font-size: 50px !important;
    line-height: 50px;
}

.pac_icon i {
    background-color: #ff6b00;
    color: #fff;
    padding: 12px 17px 12px 16px;
    border-radius: 60%;
    font-size: 20px;
}

.pancare_nbn_space {


    background-image: url(https://www.tangerine.com.au/storage/Images/Swirl-background.png);
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    margin-top: 5em;
    padding-top: 8rem;
}

.pancare_row_height {
    height: 80vh !important;
}

.pancare_logo img {
    width: 136px;
    height: 75px;
    object-fit: contain;
}

@media screen and (max-width: 1024px) {
    .active_banner {
        width: auto !important;
        height: 250px;
        top: 200px;
        position: unset !important;
        text-align: center;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 1280px) {
    .pancare_row_height {
        height: 117vh !important;
    }

    .active_banner {
        width: auto !important;
        height: 300px;
        top: 0;
        right: 0;

    }
}

/* Blog-page CSS */


#blog_search {
    border-radius: 50px !important;

}

#blog_search .form-control {
    padding-left: 22px !important;
}

.blog_pagination .pagination {
    display: inline-flex;
}

.blog_pagination .page-link {
    color: #4e4e4e;
}

.des .text-orange {
    min-height: 72px;
}

.blog_content {
    overflow: hidden;
    border-radius: 35px;
    box-shadow: 6px 6px 1px 1px #000000;
    border-left: 1px solid #9f9f9f;
    margin-bottom: 40px;
}

.blog_content img {

    /* min-height: 580px; */
    object-fit: cover;
    aspect-ratio: 4/3;
    height: auto;
}

.blog_content .des {
    padding: 20px 20px;
    min-height: 266px;
    margin-bottom: 40px;

}

.blog_content img {
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.blog_content img:hover {
    -webkit-transform: scale(1.09);
    -moz-transform: scale(1.09);
    -ms-transform: scale(1.09);
    -o-transform: scale(1.09);
    transform: scale(1.09);

}



#blog_search button {
    left: 5px;
    background-color: unset !important;
    top: 15px;
    position: absolute;
    border: none;
    cursor: pointer;
}

.blog_pagination {
    text-align: center;
}

#blog_search button:focus {
    outline: none;
}


/* Newslatter CSS */

#newslatter {
    margin-top: 8em;

}

/* .newslatter {
    background-image: url("https://www.tangerine.com.au/storage/Images/newslatter-1.png");
    height: auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
} */

#newslatter i {
    font-size: 25px;
    color: #999999;
    position: absolute;
    left: 18px;
    top: 12px;
}

/* .newslatter_box {
    padding: 40px 34px;
} */
/*
@media (max-width: 760px) {
    .newslatter {
        min-height: 291px;
    }

} */

@media (max-width: 898px) {

    .ipsticky
    {
        top: 26px !important;
    }

}

#sim-response-block li:first-child {
    padding-top: 20px !important;
}

#sim-response-block li:first-child {
    padding-top: 20px !important;
}

#more_info {
    padding-top: 2em;
}

#more_info p {
    margin: 10px 0;
}

.award_height {
    min-height: 85px;
}

.award_height img {
    max-height: 50px !important;
}

.owl-carousel .owl-item .award_height img {
    max-height: 50px !important;
}

.award_height p {
    font-size: 11px !important;
    line-height: 1.5;
}

#sim-response-block li:first-child {
    padding-top: 20px !important;
}

.sim_ribbon {
    position: absolute;
    right: 13px;
    z-index: 999;
    background-color: #000000;
    color: #ff7500;
    top: 30px;
    padding: 10px 10px;
    box-shadow: 3px 3px 5px 0px #4c525da8;
    font-family: 'HWTArtz', 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-size: 21px;
    border-radius: 54%;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;

}

.h1 {
    font-size: 60px;
    line-height: 60px;
}

#sim_tab .nav-tabs .nav-link.active {
    background-color: #ff6b01;
    /* color: #000; */
    border-radius: 20px 20px 0px 0px;
}
#sim_tab .nav-link {
    background-color: #cccccc;
    border-radius: 20px 20px 0px 0px;
    padding: 8px 40px;
    color: #000;
}

.them_blue h1 {
    color: #189ad3;
}

.them_blue .sim_ribbon {
    position: absolute;
    right: 13px;
    z-index: 1;
    background-color: #000000;
    color: #94d3ef;
    top: 30px;
    padding: 10px 10px;
    box-shadow: 3px 3px 5px 0px #4c525da8;
    font-family: 'HWTArtz', 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-size: 21px;
    border-radius: 54%;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.them_blue .fa-check-circle:before {
    color: #189ad3;
}

.them_blue .plan-bl ul li {
    color: #000000;
}

.them_blue .add-minus-flex button {
    background: #189ad3;

}
.them_blue .sim-btn {
    background: #189ad3 !important;

}
.product-sims .w_30 {
    width: 20% !important;
}

#tab-5g.active {
    background-color: #189ad3 !important;
}

.fresh_speed_content {
    background-color: #ff6b01;
    color: #fff;
    padding: 30px 15px;
    border-radius: 20px;
}

.fttp_upgrade,
.FTTP_UPGRADE {
    color: #fff;
    background: #FF6B00;
    padding: 2px;
}

.normal_weight_font {
    font-weight: 600;
    font-size: 22px;
    line-height: normal;
}

.back_orange {
    background-color: #ff6b00;
}

.pt-7 {
    padding-top: 7em;
}

.bupa_logo {
    padding: 40px 0px !important;
    background-color: #000000;
}

.position_ab {
    position: absolute;
    width: -webkit-fill-available;
}

.minus_index {
    z-index: -9999;
}

.bupa_image {
    width: 40%;
}

.update_banner {
    margin-bottom: 1em;
}

.transfer-info li {
    list-style-type: disc !important;
}

/*2-Months-offer-CSS*/

.golden_color {
    color: #e3aa39;
}

.months_offer .btn-sm {
    padding: 15px 70px;
    margin-top: 7em;
}

.offer_months_points li img {
    float: left;
    padding-right: 1em;
    margin-bottom: 2em;
}

.offer_months_points li {
    text-align: left;
    color: #fff;
    margin-top: 4px;
}

.offer_months_points li h4 {
    color: #fff;
}

.f44 {
    font-size: 44px;
    line-height: normal;
}

.gray-icon::before {
    background-image: url("https://www.tangerine.com.au/storage/images/MBB-right-arrow.png");
    position: absolute;
    content: "";
    width: 11%;
    height: 37%;
    opacity: 1.3;
    background-repeat: no-repeat;
    right: 0;
    top: 44px;
}

#sim .owl-carousel .owl-item .plan-bl-inner img.offer-tag {
    width: 80% !important;
    margin: 0 0 10px 0;
}

.offer_tooltip_color {
    color: #666;
}

.most_popular {
    position: absolute;
    left: -22px;
    top: 3px;
    z-index: 999;
}

/*2-Months-offer-CSS END */
.fiveG_round_ribbon {
    background-color: #4eafda;
    color: #000;
    padding: 8px 8px;
    font-size: 14px;
    border-radius: 50px;
    margin-right: 4px;
    font-weight: 200;
}

.f15 {
    font-size: 15px;
}

/* .fiveG_round_ribbon {
    background-color: #189ad3;
    color: #fff;
    padding: 8px 8px;
    font-size: 14px;
    border-radius: 50px;
    margin-right: 4px;
    font-weight: 200;
} */
.line_height26
{
    line-height: 26px !important;
}

#show_tooltip{margin-top: 10em !important;}
#show_tooltip img
{
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	display: block;
}
.tooltip-inner img{width:100%;}
.original_title
{
    position: absolute;
    top: -11px;
    transform: translate(90%, -50%);
    height: 0px;
    width: 35%;
    z-index: 9999;
    border: 1px solid black;

}
.w_30
{
    width: 30% !important;
}
#sim .owl-carousel .owl-item img.w_30
{
    width: 30% !important;
}
.font_weight_600
{
    font-weight: 600;
}
.orignal_title_text
{
    font-size: 22px;
    line-height: 25px;
}

.post_body img {
    width: 100%;
    height: auto;
    margin: 10px 0px;
    aspect-ratio: 4/3;
}
/*Fres-Page CSS*/

.fresh_title
{
    font-size: 90px;
    line-height: normal;
}
.fresh_fiber li img {
    float: left;
    padding-right: 1em;
    margin-bottom: 6em;
}
.fresh_fiber_box {

    padding: 14px 28px;
    border-radius: 33px;
    min-height: 360px;
    position: relative;
    box-shadow: 9px 9px 1px 1px #000000;
    border: 2px solid #c3c4c6;
}
.counting_cicle {
    border: 2px solid #ff6b00;
    position: absolute;
    top: -33px;
    color: #fe6a00;
    font-size: 26px;
    padding: 14px 19px;
    left: 20px;
    font-weight: 600;
    border-radius: 54%;
    width: fit-content;
    background-color: #fff;
    height: auto;
}
.fresh_page_banner
{
    background-image:  url(https://www.tangerine.com.au/storage/Images/Update-fresh-page-banner.jpg);
    background-size: cover;
}
.fresh_fiber h3 {
    padding-top: 1.5rem;
    display: flex;
}
@media screen and (min-width:1024px) and (max-width:1650px)
{
    .fresh_page_banner
    {
        background-size: 100% 100% !important;
        background-repeat: no-repeat;
    }
}

.double_data a:focus {
    color: #FF6B00;
}
.mt55
{
    margin-top: 55px !important;
}
.mt-6
{
    margin-top: 5rem;
}
/*verification login page css*/


.login-bg{
    background: #ffffff !important;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.45rem 0.9rem;
    margin-bottom: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6c757d;
    text-align: center;
    white-space: nowrap;
    background-color: #f7f7f7;
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
}

.account-pages label {
    margin: 0 0 5px 5px;
}
/*.account-pages .form-control, .btn{
    border-radius: unset !important;
    -webkit-border-radius: unset !important;
}*/

/*verification login page css*/
.login-bg{
    background: #ffffff !important;
    border: 1px solid #000;
}
#verificationloginForm .form-control {
     border: 1px solid #6c757d;
    -webkit-border-radius: 0px;
}
#verificationotpForm .form-control {
    border-radius: 0px;
    /* border: 1px solid #6c757d;*/
}
.verificationloginForm {
    border-radius: 3px;
    padding: 18px 60px;
}
#verificationotpForm, #verification_multipal_accounts .tangerine_button {
/*    padding: 10px 35px;*/
    border-radius: 4px;
    font-size: 14px;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.45rem 0.9rem;
    margin-bottom: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6c757d;
    text-align: center;
    white-space: nowrap;
    background-color: #f7f7f7;
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
}

.account-pages label {
    margin: 0 0 5px 5px;
}
/*.account-pages .form-control, .btn{
    border-radius: unset !important;
    -webkit-border-radius: unset !important;
}*/
.fresh_search .autocomplete-suggestion:hover {
    border: 2px solid #fff;
}
.verification_eye
{
    position: absolute;
    right: 34px;
    bottom: 36.3%;
    background-color: unset;
    border: unset;
}

#footerPadding{padding: 50px !important;}

@media (max-width: 1100px) and (min-width: 760px)
{
    #abouts_point .fresh_fiber li img {
        float: left;
        padding-right: 1em;
        margin-bottom: 16em;
        width: 33%;
    }
    .fresh_fiber li img {
        float: left;
        padding-right: 1em;
        margin-bottom: 15em;
    }
    .fresh_fiber h3 {
        font-size: 22px;
    }
    .fresh_heading .heading {
        font-size: 48px !important;
    }
    .fresh_fiber_box .w-25
{
    width: unset !important;
}

}
@media (max-width: 600px) and (min-width: 480px)
{
    .fresh_heading .heading {
        font-size: 50px !important;
    }
}

.fresh_search_btn{
    margin-top: 0.35rem !important;
    padding-right: 0.35rem !important;
}
.register_hover{
    cursor: pointer;
    margin: 15px 0;
}

.search-bl .form-control {
    padding: 15px 5px 15px 30px;
}

.ot{min-height: 70px;}
.simtext{min-height: 240px !important}
.see_mobile_btn {
    color: #ff6b00;
}
.btn.see_mobile_btn:hover {
    color: #000 !important;
}

.right_line:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: 2%;
    width: 8px;
    border-radius: 60px;
    background: white;
}

/* Home Page CSS */


.homepage hr {
    margin: 0px 0 !important;
}

.two_month_home .banner-text
{
    height: 85vh;
}
.two_month_home{

    height: 65vh;
}
@media screen and (min-width:200px) and (max-width: 650px)
{
    .two_month_home{

        height: 85vh;
    }
    .two_month_home_strip h1{
        font-size: 36px;
    }
    .two_month_home_strip h2 {
        font-size: 19px;
    }


}
@media screen and (min-width: 1500px)
{
    .two_month_home .banner-img
    {
        top: 50%;
    }

    .mg-top {
        margin-top: -50px !important
    }
}
@media screen and (min-width: 1280px) {
    .two_month_home .banner-img img {
        height: 450px;
    }
    .two_month_home .banner-img
    {
        top: 50%;
    }


}
@media screen and (max-width: 600px)
{
    .two_month_home .banner-text
    {
        height: 54vh !important;
    }
}

@media screen and (max-width: 1280px)
{
    .two_month_home
    {
         height: auto;
    }
    .two_month_home .banner-text
    {
        height: 35vh;
    }
}
@media screen and (min-width:766px) and (max-width:1190px)
{
    .right_line:after { display: none;}
}
@media screen and (min-width:550px) and (max-width:912px)
{
    .new_2_month_banner h1
    {
        font-size: 38px;
    }
    .new_2_month_banner h3
    {
        font-size: 24px;
    }
}

/* Home Page CSS End */

/*2 dec banner*/
.new_home_banner h1
{
    font-size: 68px;
}
.new_home_banner {
    margin-top: 4em;
}
@media (max-width: 1374px) and (min-width: 782px)
{
.mg-top {
    margin-top: -100px;
}
.home_page .new_home_banner {
    margin-top: 0em;
}

}
.f14
{
    font-size: 14px;
}
.header_icon
{
    width: 20%;
    margin-left: 6px;
    margin-top: 2px;
    filter: brightness(100) invert(23);
}
.mx_100
{
    max-width: 94px;
    margin-top: 7px;
}
.header_icons
{
    display: none;
}

@media screen and (max-width: 580px)
{
    .disable_icon
    {
        display: none !important;
    }

    #modem_tab .nav-tabs .nav-item{width: 100% !important;}
    #modem_tab .nav-link{border-color:#eeeeee !important;}

    .faq_fibre_banner
    {
        background-position: left !important;
    }
}
@media (max-width: 990px) and (min-width: 500px)
{
    ul.ipad_devices.navbar-nav {
        display: -webkit-inline-box !important;
    }
    .faq_fibre_banner
    {
        background-position: left !important;
    }
}
@media (max-width: 760px) and (min-width: 500px)
{
    .rounded-full
    {
        width: 99% !important;
       height: 84% !important;
        padding: 9rem 0rem !important;
        margin-top: 14% !important;


    }
}
.f55{
    font-size: 55px !important;
}
.summer_subtitle
{
    font-size: 30px;
    line-height: 30px;
    font-weight: 100;
}
@media (max-width: 900px) and (min-width: 768px)
{
    .rounded-full
    {
        width: 110% !important;
        height: 95% !important;
        margin-top: 8% !important;
        padding: 1rem 0rem !important;
    }
    .Products_boxes h2 {
        min-height: 72px;
    }
}
@media (max-width: 1024px) and (min-width: 910px)
{
    .rounded-full
    {
        width: 102% !important;
        height: 96% !important;
        margin-top: 12% !important;
        padding: 2rem 1rem !important;
    }

}

@media (max-width: 1200px) and (min-width: 768px)
{
    #summer .new_home_banner
    {
        margin-top: 2em;
    }
    .f55 {
        font-size: 48px !important;
    }
    .summar_image
    {
        margin-top: 5em;
    }
    .f_size_26
     {
        font-size: 26px;
        text-align: center;
     }
     .time_of_need_box
     {
        min-height: 810px  !important;
     }
     .cyber .fresh_fiber_box
     {
        min-height: unset !important;
     }
}
.bg-gray
{
    background-color:#f7f7f7;
}
.border_bottom
{
    border: 1px solid #999999;
    width: 96%;
    height: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 2px;
    margin-bottom: 18px;

}
.border_bottom_second
{
    border: 1px solid #999999;
    width: 100%;
    height: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 2px;
    margin-bottom: 18px;

}
.bg_gray_light {
    background-color: #999999;
}
.whyus-item-box {
    background-color: #fff;
    padding: 36px 10px;
    min-height: 290px;
}
.clean_order
{
    position: absolute;
    right: 25px;
    top: 2.2em;

}
.whyus-item-box img {
    width: auto !important;
    margin-bottom: 20px;
    text-align: center;
}
.whyus-item-box h3 {
    text-align: center;
}
.order_box {
    background-color: #fff;
    padding: 15px 0px 0px 0px;

    border-radius: 20px;
    overflow-x: auto;
    box-shadow: 6px 6px 1px 1px #000000;

}
.bttn {
            min-width: auto !important;
            position: relative;
            display: inline-block;
            padding: 31px 50px;
            margin: 0;
            margin-left: 10px;
            white-space: nowrap;
            font-weight: 400;
            text-transform: none;
            vertical-align: middle;
            font-family: 'Barlow Semi Condensed', sans-serif;
            font-smooth: always;
            -webkit-font-smoothing: subpixel-antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 18px;
            line-height: 18px !important;
            color: #fff;
            text-align: center !important;
            text-decoration: none !important;
            background: #FF6B00 !important;
            border: none !important;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            box-shadow: none;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            overflow: hidden;
            outline: none !important;
    }
    .width_30{
        width: 35%;
    }

    @media (max-width: 500px) and (min-width: 250px) {
     .clean_order {
         position: absolute;
         right: 25px;
         top: 2.4em;
         width: 11%
    }
    .clean_order {
        position: absolute;
        right: 25px;
        top: 2.2em;


    }
    .timeline_box_top
    {
        margin-top: unset !important;
    }
    .rounded-full
    {
        width: 91% !important;
        height: 89% !important;
        padding: 3rem 0rem !important;
        margin-top: 14% !important;
    }

    .eero_box_new
    {
        min-height: unset !important;
    }
    .f_size_45
    {
        font-size: 45px;
    }
    .f_size_26
     {
        font-size: 26px;
        text-align: center;
     }
     .hide_md {
        display: none !important;
    }
    .close {
        right: 9px;
        margin-top: -25px;
    }
    .network-staus-link
    {
        inline-size: 100%;
        overflow-wrap: break-word;
    }
    .mb-8
    {
        margin-bottom: unset !important;
    }
    .error_icon
    {
        margin-bottom: 9.5rem !important;
    }
    /* .new-card li img {
        position: absolute !important;
        left: -19px !important;
        padding-top: 7px !important;
        width: 21% !important;
    } */
    }

    #bootstrap_row.order_box {
        overflow-x: unset;
    }
    #bootstrap_row .border_bottom_second
    {
        margin-bottom: 0px;
    }
    #bootstrap_row .bttn
    {
        padding: 31px 72px;
    }
    .mobile_version
    {
        display: none;
    }
    #bootstrap_row .order_btn {
        padding: 6px 45px;
        background-color: #80808000 !important;
        border: 2px solid #000 !important;
    }
    .f_24
    {
        font-size: 24px;
    }

    .bullet_point li:before {

        color: #ff6b00;
        padding: 0px 10px 0px 0px !important;
        content: "\2022";
        background-color: unset;
    }
    .bullet_point li {
        margin-top: 10px;
        display: flex;
    }

    .spec_ul li{list-style:block !important;}
    .cyber .counting_cicle {
        color: #ffffff !important;
        background: #ed7008 !important;
        width: max-content;
        text-align: center;
        left: 0px;
        display: flex;
        right: 0px;
        margin: auto;

    }
    .cyber .fresh_fiber_box {background: #ffffff !important;min-height: 610px ;}

    .heading_f46{
        font-size: 46px;
        line-height: normal;
        font-weight: 400;
        font-family: 'HWTArtz', 'Open Sans', Arial, Helvetica, sans-serif !important;
        font-smooth: always;
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .fresh_fiber_box.resources
    {
        min-height: 240px !important;
        background: #ffffff !important;
    }
    .esafety_cyber .fresh_fiber_box.resources {
        min-height: 360px !important;
    }
    .cyber .counting_cicle {height: unset !important;}
    .fresh_fiber_box.cyber{border: unset !important;padding: 0px 34px!important;}
    .w_25{width: 25px !important;}
    .h_175{min-height: 175px}
    #modem_tab .nav-tabs .nav-link.active {
            background-color: #ff7500!important;
            color: #000000;
            border-radius: 10px 10px 0px 0px;
    }
    #modem_tab .nav-tabs .nav-link {
        background-color: #cccccc;
        border-radius: 20px 20px 0px 0px;
        padding: 15px 30px 12px 30px;
        color: #000;
        width: 100%;
    }
    @media screen and (max-width: 580px)
    {
        .header_icons
        {
            display: block !important;
        }

        .ipsticky
        {
            margin-left: 70px !important;
        }
        .donate_bottom_space {
            margin-bottom: 10px !important;
        }

    }

    #modem_tab .nav-link.active.show{
    padding: 15px 30px 12px 30px;}
    #modem_tab .nav-link
    {
    padding: 15px 30px 12px 30px;
    color:#000
    }

    .eero_box{
        border: 1px solid #c4c4c4;
        padding: 20px 20px;
        min-height: 430px;
        margin: 18px 0px;

    }

    .eero_learning
    {
        background-image: url(https://www.tangerine.com.au/storage/images/Eero-Page_4.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .py-96
    {
        padding: 96px 0px;
    }
    .eero_learning_img
    {
        display: none;
    }

    .eero_box_page
    {
        border: 1px solid #c4c4c4;
        padding: 20px 20px;
        margin: 18px 0px;
        border-radius: 30px;
        box-shadow: 6px 6px 1px 1px #000000;
        background-color: white;
        min-height: 540px !important;

    }
    .eero_box_page a {
        font-size: 13px;
        line-height: initial;
        text-decoration: revert;
    }

    @media screen and (max-width: 920px) {
        .eero_box{
            min-height: 0px;

        }
        .eero_box_page
        {
            min-height: 0px;
        }
        .eero_box_page .h_390 {
            min-height: 0px;
        }
        .eero_box_page .h-265
        {
            min-height: 0px;
        }
        .eero_box_page a {
            font-size: 15px !important;
        }
        .eero_box_page  .h-351
        {
            min-height: 0px;
        }
    }
    .w-65
    {
        width: 65%!important;
    }

    .eero_title{text-transform: lowercase !important;}

    .normal_heading
    {
        font-family: 'HWTArtz', 'Open Sans', Arial, Helvetica, sans-serif !important;
        text-transform: initial;
        font-weight: 700;
        font-smooth: always;
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .disable_modem {pointer-events: none !important;}
    .disable_modem .text-orange{color: #8d8888 !important;}
    .disable_modem button{background: #8d8888 !important;}
    .disable_modem .plan-bl ul li{color:#8d8888 !important;}
    .disable_modem .fa-check-circle{color:#8d8888 !important;}
    .disable_modem_tab.active {background-color: #8d8888 !important;color: white !important;}

    .modem_tech_msg, .call_tech_msg{
        width: 100%;
        left: 0;
        background: #FEE2CC !important;
        -webkit-border-radius : 8px !important;
    }
    .eero_secure_title
    {
        font-size:50px
    }



    /* Mobile-Migration Page */
    .timeline_box_top {

        margin-top: 25em;

    }
    .timeline_boxes
    {
        text-align: center;
        background-color: #ffff;
        padding: 26px 0px;
        border-radius: 20px;

    }

    .timeline_box_line
    {
        position: absolute;
        text-align: center;
        top: 48%;
        height: 2px;
        width: 88%;
        left: 0;
        right: 0;
        margin-left: auto;
        z-index: -1;
        margin-right: auto;
    }
    .rounded-full
    {
        background-color: #ff6b00 !important;
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
        border-radius: 9999px;
        width: 110%;
        height: 126%;
        display: inline-block;
        --tw-aspect-h: 1;
        position: relative;
        padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
        padding: 1rem 1rem;
    }
    .right_arrow {
        position: absolute;
        right: 29%;
        }
    .left_arrow {
       position: absolute;

       right: 29%;
     }
     .eero_box_new{
        border: 1px solid #c4c4c4;
        border-radius: 15px;
        padding: 20px 20px;
        min-height: 274px;
        margin: 21px 0px
     }
     .img_migration
     {
        margin-right: auto;
        margin-left: auto;
        display: block;
     }


    .mobile_migration_head{
		background-image: url('https://www.tangerine.com.au/storage/Images/Migration-Hub-tangerine.png');
		background-size: cover;
		background-repeat: no-repeat;
	}
	.mobile_migration_map{
		background-image: url('https://www.tangerine.com.au/storage/Images/Migration-map.png');
		background-size: cover;
		background-repeat: no-repeat;
	}
    .migration_img
    {
        display: block;
        margin-right: auto;
         margin-left: auto;
    }

    #modem_tab.faq .nav-tabs .nav-link.active{
        border-radius: 10px 10px 10px 10px
    }
    #modem_tab.faq .nav-tabs .nav-link{
        border-radius: 10px 10px 10px 10px;
        border-color: #ff6b00;
    }
    #helpFaq .nav-link {
    display: block;
    padding: 1rem 1rem;
    box-shadow: 0px 0px 6px 0px #8888884d;
    margin-bottom: 1rem;
}

#helpFaq .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #ffffff !important;
    border: none !important;
}
#helpFaq .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #ff6b00;
    background-color: #007bff;
}
#helpFaq .nav-pills .nav-link {
    border-radius: 0.25rem;
    color: #666;
}
#helpFaq .nav-pills a:before {

    content: ">";
    float: right;
    color: #CCCCCC;
    font-size: 20px !important;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
}

.box_size_faq{
    display: block;
    box-shadow: 9px 9px 1px 1px #000000;
    padding: 38px 18px 0px 14px !important;
    border-radius: 37px;
    min-height: 275px;
    background-color: #fff;
}
.box_size_faq img
{
    width: auto !important;
    margin-bottom: 20px;
    text-align: center;
}
.faqbtn{
    border: 1px solid #fff !important;
}
.mh_35{
    min-height: 35px !important;
}

#faq_banner .new_home_banner
{
    margin-top: 8em;
}
.faq_fibre_banner
{
    background-image: url('https://www.tangerine.com.au/storage/images/faqs_bottom_banner.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 0px;
    padding-bottom: 0px;
    background-position: 30%;
}
.product-modems .plan-img {
    min-height: 250px;
}
.faq_boxes
{
    border: 2px solid;
     padding: 20px 10px;
     border-radius: 20px;
     margin: 10px 0px;
     text-align: center;
     color: #FF6B00;
     font-size: 20px;
     min-height: 133px;
}
.faq_boxes:hover {
    background-color: #ff6b00;
    color: #fff;
}
.customer_support_box
{
        background: #fff;
    padding: 50px 20px;
    border: 2px solid #ff6b00;
    border-radius: 20px;
}
.time_of_need_box
{
    border: 1px solid #c4c4c4;
    border-radius: 15px;
    padding: 20px 20px;
    min-height: 510px;
    margin: 21px 0px;
}

.time_of_need_box h3{
    font-size: 26px;
}
.new_home_banner_page{
    background-image: url('https://www.tangerine.com.au/storage/images/home_banner_1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.home_btn {
    background: #fff !important;
    color: #ff6b00;
    border: 3px solid #ff6b00 !important;
}

.home_page_boxes {
    border: 2px solid;
    padding: 29px 10px;
    border-radius: 20px;
    margin: 10px 0px;
    text-align: center;
    color: #FF6B00;
    font-size: 24px;
    min-height: 94px;
}
.home_page_boxes:hover {
    background-color: #ff6b00;
    color: #fff;
}

.quick_links{
    padding: 30px 10px;
    border-radius: 20px;
    margin: 10px 0px;
    box-shadow: 7px 6px 1px 1px #000000;
    background-color: white;
}

.popular-plan .f_size {
    font-size:13px;
}
.counting_cicle_network {
    color: #000000 !important;
    background: #FF6B00 !important;
    width: max-content;
    text-align: center;
    left: 0px;
    display: flex;
    right: 0px;
    margin: auto;
    position: absolute;
    top: -33px;
    font-size: 26px;
    padding: 14px 19px;
    font-weight: 600;
    border-radius: 54%;

}
.image_width
{
    width: 75%;
}
.r_top
{
    top: -0.3em;
}
.offerBaneer_size {
    width: 100%;
}
.text-red{color: red;}

/* New Design Pages CSS */

.text-black
{
    color: #000000 !important;
}

.bg-yellow
{
    background-color: #fbf9b4 !important;
}
.bg-dark-yellow
{
    background-color: #f2eb06;
}

.bg-yellow-half
{
    background: linear-gradient(to bottom, #fbf9b4 60%, transparent 50%);
}

.Barlow-font
{
    font-family: 'Barlow Semi Condensed', sans-serif !important;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.w-40
{
    width: 40%;
}
.faq_call
{
    background-color: #f2eb06;
    padding: 0px 10px;
    line-height: 5rem;
}

#modem_tab .nav-tabs .nav-item
{
    background-color: #fff;
    border-radius: 20px 20px 0px 0px;
}
.nav-tabs
{
    border-bottom: 3px solid #000000;
}
.whyus .nav-tabs
{
    margin-bottom: 3rem;
}
.whyus .nav-tabs .nav-link.active
{
    color: #000000;
    background-color: #fff;
    background-color: #ff7500;
    border-radius: 10px 10px 0 0;

}
.whyus .nav-tabs .nav-link {

    background-color: #cccccc;
    color: #000;
    border-radius: 10px 10px 0 0;
    padding: 10px 36px;
}
 .bg-orange{

    background-color: #ff7500;
 }
/* strip_black */

.strip_black
{
    background-color: #000000;
    padding: 40px 0px !important;
    position: relative;
}
.strip_black li img {
    float: left;
    padding-right: 1em;
    margin-bottom: 2rem;
}
.strip_black h3 {
    padding-top: 1.5rem;
    display: flex;
}

#sim_tab .plan-bl .popular-plan {
    position: absolute;
    z-index: -1;
    top: -42px;
    /* width: 100%; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    padding: 11px 15px 30px 15px;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    /*background: #FF6B00;*/
    border-radius: 30px 30px 0 0;
    -webkit-border-radius: 30px 30px 0 0;
    -moz-border-radius: 30px 30px 0 0;
    -o-border-radius: 30px 30px 0 0;
    -ms-border-radius: 30px 30px 0 0;
}
.products_ticks {
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px !important;
    max-height: unset !important;
    right: 0px;
}
.sim_top15 {
    text-align: center;
    color: #000;
}

.bottom-bar h3
{
    color: #fff;
}
.search-bl .form-control::placeholder {
    color: #000;
}
/* End strip_black */


/* Checkout CSS */

.page-checkout .main section {
    padding: 45px 0px;
}

.checkout_process_space
{
    padding-top: 3rem;
    padding-bottom: 1rem;
    background-color: #f7f7f7;
    z-index: 0;
}

ul.progressbar .active:after {
    background-color: #ff6b00;
}
ul.progressbar .active {
    color: #ff7500;
}

ul.progressbar .completed_process:before {
    background: url(https://www.tangerine.com.au/storage/Images/icon/process_tick.png);
    background-size: cover;
    border: unset !important;
}
.progressbar .completed_process:after {
    background-color: #ff6c01;
}

.products_oredr_line {
    height: 1px;
    margin: 0px 0px 0px 0px;
    border: none;
    background: #000000;
}

/* Login Form CSS */

.login_form
{
    padding: 35px 16px;
    box-shadow: 6px 6px 1px 1px #000000;
    -webkit-transition: all 0.2s;
    -webkit-border-radius: 30px;
    border: 1px solid #000;
}

#loginForm .form-control
{
    color: #000000;
    border: 1px solid #000000;
}
#register_form .form-control
{
    border: 1px solid #000000;
}
#loginForm label {
    margin: 0 0 5px 0px;
    font-weight: 600;

}

#register_form label {
    margin: 0 0 5px 0px;
    font-weight: 600;
}
/* End Login Form CSS */

/* contact-details-view */
.oredr_line
{
    height: 2px;
    margin: 0px 0px 0px 0px;
    border: none;
    background: #000000;
}
.contact_details_checkbox
{
    background-color: #f7f7f7;
    padding: 32px 12px 32px 32px;
    /*margin-top: 2rem;
    margin-bottom: 2rem;*/
}
.grand_total_price
{
    background-color: #fbf9b4;
    padding: 20px 0px;
    border-top: 2px solid #000;
}
.tangerine_button
{
    background-color: #ff7500;
    border: 0px;
    color: #000;
    padding: 10px 75px;
    border-radius: 35px;
    font-size: 24px;
    font-weight: 700;
    display: inline-block;
    cursor: pointer;
}
form .form-group label {
    text-transform: uppercase;
}
.contact_details .custom-control label {
    text-transform: initial;
}
label.custom-control-label {
    text-transform: initial !important;
}
/* End contact details Form CSS */

/* address-view */

.checkbox_back_color
{
    background-color: #f7f7f7;
    padding: 16px 12px 19px 32px;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.address_content
{
    background-color: #f7f7f7;
    padding: 16px 12px 19px 11px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 24px;
    line-height: 26px;
}
/* End address-view Form CSS */

/* checkout-verification */

#re_check_verification_details td {
    text-transform: uppercase;
}

/* End checkout-verification CSS */


/* transfer-number-view */

#transfer-number-post-click textarea {
    border-radius: 20px;
}

/* End transfer-number-view CSS */

/* donate-view */

.donate_bottom_space
{
    margin-bottom: -50px;
}

/* End donate-view CSS */


/* payment-view */

.account_color
{
    background-color: #fbf9b4;
    padding: 20px 20px;
}
#re_check_payment_details td {
    text-transform: uppercase;
}
#pay_confrim_terms label {
    font-weight: 400 !important;
}

.payment_points
{
    background-color: #f2f2f2;
    padding: 23px;
}

input#pan, input#cvv {
    border: 1px solid #000 !important;
}

.bg-modem-color
{
    background: linear-gradient(to top, #fbf9b4 28%, white 28%);
}
.back-shadow
{
    box-shadow: 6px 6px 1px 1px #000000;
}
.bg-gray-space
{
    background-color: #f7f7f7;
    padding: 10px 10px;
}

/* End payment-view CSS */


/* Home Page Css */

.bg-blue
 {
    background-color: #71bfe1;
 }

/* End Home Page CSS */


/* Moving-House Page Css */

.f-25{font-size:25px !important;line-height: normal;}
.f-20{font-size:20px;line-height: normal;}

.moving_number_point img {
    width: 75%;
}

/* End Moving-House Page CSS */


/* Home Page Css */

.f-90{font-size: 90px;}

.Products_boxes {
    position: relative;
    display: block;
    padding: 34px 20px;
    color: #000;
    background-color: #ffff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    box-shadow: 6px 6px 1px 1px #000000;
    margin: 20px 0px;
}
.home-icon h4:hover
{
    color: #ff7500 !important;
}

/* End Home Page CSS */




/* Mobile-broadband Page Css */


.f-30
{
    font-size: 30px !important ;
    line-height: normal;
}

/* End Mobile-broadband Page CSS */

/* Eero-secure-page CSS  */

.bg-black
{
    background-color: #000000;
}
.h-265
{
    min-height: 265px;
}
.mobile-broadband .simtext {
    min-height: 150px !important;
}

 .mobile-broadband .product-modems .plan-img {
    min-height: 150px;
}
/* fresh page css */
.arrow-icon::before
{
    background-image: url("https://www.tangerine.com.au/storage/Images/icon/arrow-icon.png");
    position: absolute;
    content: "";
    width: 11%;
    height: 37%;
    opacity: 1.3;
    background-repeat: no-repeat;
    right: 0;
    top: 44px;
}
#alreadycustomer
{
    transform: scale(2);
    margin-right: 25px;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    position: relative;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #000;
    width: 0.8em;
    height: 0.8em;
}
#alreadycustomer:checked
{
    background-image: url(https://www.tangerine.com.au/storage/Images/icon/checkbox-tick-icon.png);
        background-size: 100% 100%;

}

.font-weight-medium
{
    font-weight: 500 !important;
}
/* About us Page css */
.h-351
{
    min-height: 358px;
}
.font-weight-extra-bold
{
    font-weight: 800!important;
}

/* FAQS PAGE CSS */
.bg-light-orange
{
    background-color: #ffe3cc;
}
.f-70
{
    font-size: 70px !important;
}
.faq-support
{
    border-radius: 37px;
    box-shadow: 12px 12px 1px 1px #000000;
}
#contact-form label {

    font-size: 20px;

   }

/* eero-page css */
.eero-section-img{

    background-image: url(https://www.tangerine.com.au/storage/images/large-home-Eero-Page.png);
    padding: 5% 0% 10% 0%;
    background-size: contain;
    background-position: bottom right;
    background-repeat: no-repeat;
}
.plan_footer{font-size: 15px;}

.f-7-rem
{
    font-size: 5.8rem;
    line-height: 0.8;
}
#paybill-form label
{
    font-weight: 400;
    text-transform: inherit;
}

.image_spiner {

    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin {
    100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}
#faq-line .card{

    border-bottom:unset !important;
}

.card-body div, .card-body p, .card-body span
{
    font-family: 'Barlow Semi Condensed', sans-serif !important;
}

.fa-map-marker
{
    background: black;
    padding: 5px;
    color: white;
    border-radius: 67px;
    font-size: 10px;
}

#fttn-with-fttp-content, #fttp-order-content {
    border-left-color: coral;
    border-left-style: solid;
}

/* Page Slider */


#page_slider .owl-nav .owl-next .slider_arrow_right
{
        top: 80px !important;
}
#page_slider .owl-nav .owl-prev .slider_arrow_left
{
        top: 80px !important;
}
#page_slider.owl-carousel .owl-item img {
    max-height: unset;
}

/* End Page Slider */
sup {
    top: -0.3em !important;
}
.coverage-map-bulletpoints
{
    margin: 14px 0px;
    padding: 0px 0px 0px 30px;
}
.coverage-map-bulletpoints li
{
    list-style: disc;
    margin-bottom: 7px;
}
.mb-8{
    margin-bottom: 8.6rem;
}
.margin-bottom-6{
    margin-bottom: -6rem;
}
.new-card
{
    position: relative;
}

.new-card li img
{

    padding-top: 5px;
    width: 13px;
    display: inline-block;
    float: inline-start;

}

.card_line
{
    border: 3px solid #000000;
    width: 96%;
    height: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 2px;
    margin-bottom: 18px;

}
.card_line_1
{
    border: 2px solid #999999;
    width: 96%;
    height: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 2px;
    margin-bottom: 18px;
}
.h_225
{
    min-height: 225px;
}
.nbn_plan_suits_table
{
    padding: 30px 40px !important;

}
.nbn_plan_suits_table tr td
{
    border-top: unset !important;
    font-size: 14px;
}

.bullet_points li:before {

    color: #000000;
    padding: 0px 10px 0px 0px !important;
    content: "\2022";

}
.bullet_points li {
    margin-top: 10px;
    display: flex;
}

@media (min-width: 1024px)
{
    .modal_size
    {
        max-width: 1200px !important;
    }
}
@media (max-width: 1024px)
{
    .table_size
    {
       width: 1200px;
    }
}

.card-line
{
    border: 1px solid #000000;
    width: 96%;
    height: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: 10px;

}
.h-110
{
    min-height: 110px;
}
.h-160
{
    min-height: 160px;
}
.h-50
{
    min-height: 50px;
}
.f-13
{
    font-size: 13px !important;
}
.h-40
{
    min-height: 40px;
}
.new-card li
{
    font-size: 13px;
}
.login_form hr {
    height: 1px;
    margin: 8px 0 !important;
    border: none;
    background: #bfadad;
}

.account_address
{
    position: absolute;
    margin-top: 15px !important;
}
.login_form{
    position: relative
}

.login_form input[type='radio']
{
    width: 20px !important;
    height: 20px !important;
}
.tangerine_button:hover {
    color: #ffffff !important;
    background-color: #666666 !important;
}
.hand_pointer
{
    cursor: pointer !important;
}
.bg-pattern .card-body{
    padding: 2.25rem!important;
    box-shadow: 1px 2px 9px 2px rgb(86 92 100 / 15%);
    border-color: 0 solid #f7f7f7 !important;
    background-color: #fdfdfd !important;
}
.idvBack{background-color: #f5f6f9 !important;}

.error_icon
{
    padding-bottom: 1rem;
    float: left;
    padding-right: 10px;
    padding-top: 10px;
}

.eicon{padding-bottom: 6rem !important;}
.account_block
{
    border-radius: 47px;
    text-align: center;
    background-color: #fbf9b4;
    color: #000;
    padding: 25px;
    width: 80px;
    height: 80px;
    font-size: 30px;
    display: block;
    margin-bottom: 30px;
}
.card_corner {
    border: 1px solid #000000;
    border-radius: 30px;
}
 .bullets_points li:before {
    position: absolute;
    left: 16px;
    color: #000000;
    padding: 0px 10px 0px 0px !important;
    content: "\2022";
    background-color: unset;
}
.bullets_points li {
    margin-top: 10px;
    /* display: flex; */
    margin-left: 20px;
}
.shutdown-heading
{
    font-size: 40px;
    line-height: 40px;
    font-weight: 900;
}
.accordian-shutdown
{
    background-color: #cccccc;
    border-radius: 20px 20px 0px 0px !important;
    padding: 15px 30px 12px 30px;
}
.accordian-shutdown:has(.collapsed) {
    background-color: rgb(204, 204, 204);
    padding: 15px 30px 12px;
    border-radius: 20px 20px 20px 20px !important;
}
.accordian-arrow .card-header  h5::before
{
    color: #000 !important;
}
.w-22
{
    width: 22% ;
    text-align: center;
}
.mt_4
{
    margin-top: 4rem;
}
.sub-nav-sticky-top {
    position: sticky;
    top: 71px;
    z-index: 2;
    background-color: #fbf9b4;
}
.btn-outline-orange {
    padding: 12px 8px;
    border: 2px solid #ff7500 !important;
    background: white !important;
    border-radius: 10rem;
    color: #ff7500;
}
.rounded-1 {
    border-radius: 1rem !important;
}
.rounded-2 {
    border-radius: 1.75rem !important;
}
.specialisedbox {
    border-inline: 1px solid #8d8d8d;
    border-top: 0;
    border-radius: 20px 20px 20px 20px;
    border-style: groove;
}
.specialisedbox2 {
    border: 2px solid #8d8d8d;
    border-top: 0;
    border-radius: 0px 0px 16px 16px;
}
.border-t-2 {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}
.border-b-2 {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.shadow-card {
    border: 1px solid #000;
    border-radius: 20px;
    box-shadow: 6px 6px 1px 1px #000000;
    background-color: white;
}
.overflow-auto {
    overflow-y: auto;
    overflow-x: auto;
}
.max-height-reset {
    max-height: none;
}
.owl-carousel.owl-drag .owl-item:not(.active):after {
    content: "";
    width: 100%;
    height: 100%;
    background:white;
    position:absolute;
    opacity:0.5;
}
.text-decoration-underline {
    text-decoration: underline;
}
#dragdrop {
    border-radius: 50px;
    -webkit-border-radius: 50px;
}
#dragdrop.custom-file-label::after {
    content: "or drag and drop";
    display: inline-block;
    font-weight: normal;
    position: initial;
    background-color: transparent;
    width: fit-content;
    border: 0px solid black;
    padding-inline: 4px;
}
#dragdrop.custom-file-label::before {
    content: "\f382";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 50%;
    top: 25%;
    translate: -50% -50%;
    background-color: transparent;
}
.center-absolute.fa-cloud-upload-alt {
    right: 50%;
    top: 50%;
    z-index: 2;
}
.modal-body {
	padding: 90px;
}
@media screen and (max-width: 992px) {
  .modal-body {
    padding: 60px;
  }
}
@media screen and (max-width: 768px) {
  .modal-body {
    padding: 30px;
  }
}
#modal-survey-order-done {
    height: 50vh;
    max-height: 500px;
}

.caret-click.black::before,
.caret-click-up.black::before {
    color: #000;
}

.caret::after,
.caret-click::before,
.caret-click-up::before,
#helpFaq .nav-pills button:before {
    transition: transform 0.2s ease-in-out;
}

.caret:hover::after,
.caret-click.active-element::before {
    transform: rotate(180deg);
}

.caret-click-up.active-element::before{
    transform: rotate(-180deg) !important;
}

.plain-btn {
    background-color: transparent;
    padding: 0;
    /* margin: 0; */
    cursor: pointer;
    border: none !important;
    outline: none !important;
}


/* .fullwidth > .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
} */

.bundle_discount_points li
{
    position: relative;
    padding-left: 0px;
    text-align: left;
    list-style: disc;
    color: #000000;
    font-weight: 500;
    font-family: 'Barlow Semi Condensed', sans-serif;
    margin-bottom: 8px;
    margin-left: 15px;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.bundle_discount_label{
    background: #93C4E8;
    padding: 2px 7px 2px 6px;
    margin: 4px 0px;
    font-size: 12px;
    margin-left: 2px;
}

/**####### FIELDSET AND LEGEND CUSTOM CSS*/
fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

legend {
    display: inline-block;
    font-size: 1rem;
    margin: 0;
    padding: 0;
}

/**####### FIELDSET AND LEGEND CUSTOM CSS*/
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.asterisk-label {
    color: #DC2323 !important;
}

/**####### Accessibility FOCUS CSS*/

/* ###############Buttons */
/* button:active:not(:hover),
.btn:active:not(:hover),
.tangerine_button:active:not(:hover) {
    background-color: #FFC899 !important;
    color: #000000 !important;
    box-shadow: 0 0px 0px #FFC899 !important;
    outline: none !important;
} */

/* button:focus:not(.plan-btn):not(.plain-btn):not(:active):not(.fa-question-circle),
.btn:focus:not(.plan-btn):not(.plain-btn):not(:active):not([data-toggle="tooltip"]),
.tangerine_button:focus:not(.plan-btn):not(.plain-btn):not([data-toggle="tooltip"]):not(:active), */
/* target section */
/* button:target:not(.plan-btn):not(.plain-btn):not(:active),
.btn:target:not(.plan-btn):not(.plain-btn):not(:active),
.tangerine_button:target:not(.plan-btn):not(.plain-btn):not([data-toggle="tooltip"]):not(:active) {
    background-color: #FF7500 !important;
    color: #000000 !important;
    box-shadow:
    0px 0px 0 2px #FFFFFF,
    0px 0 0 4px #B8DFF0 !important;
    outline: none !important;
} */

/* focus for button but looks like a link */
/* .plain-btn:focus{
    box-shadow:
    0px 0px 0 2px #FFFFFF,
    0px 0 0 4px #B8DFF0 !important;
} */

/* button disabled effect */
/* button:disabled, .btn:disabled, .tangerine_button.disabled, .disable_modem button:not([data-toggle="tooltip"]) {
    background-color: #FF7500 !important;
    color: #000000 !important;
    cursor: not-allowed;
    pointer-events: none;
    opacity: 60%;
} */

/* ###############LINKS */
/* .nav-link a tag  with role tab effect ex. in modem and sims*/
/* .nav-link[role="tab"]:focus,
.nav-link[role="tab"]:focus-visible,
.nav-link[role="tab"]:focus-within {
    box-shadow:
    0px 0px 0 2px #FFFFFF,
    0px 0 0 4px #B8DFF0 !important;
} */

.nav-link[role="tab"]:hover,
.modem_tab_link:hover {
    background-color: #ffac66 !important;
}

/* link visited */
/* a:visited:not(.btn),
select:visited,
nav:visited,
nav a:visited,
nav button:visited{
    color: #666666;
    text-decoration: underline;
} */


/* link focus */
/* a:focus:not(.nav-link[role="tab"]):not(.quick-link-ref):not(.text-white a):not(.btn) {
    color: #0E4F55;
    text-decoration: underline;
    border: 2px;
    box-shadow:
    0px 0px 0 2px #FFFFFF,
    0px 0 0 4px #B8DFF0 !important;

} */


/* remove underline in */
/* .modem_tab_link{
    text-decoration: none !important;
} */

/* Default link style */
a:not(.btn):not(.nav-link):not(.footer-links a):not(.nav-item a):not(.nav li a):not(h3 a):not(.text-orange):not(.quick-link-ref):not(.faq-links):not(.blog_pagination a):not(.text-white a):not(.tangerine_button) {
    color: #FF6B00;
    /* text-decoration: underline; */
    /* font-weight: bold; */
}

a[data-toggle="tooltip"] {
    color: black !important;
}

/* Adjust spacing */
a {
    text-underline-offset:2.5px;
}

/* .footer-links a:hover {
    text-decoration: none !important;
} */

/* Hover state: White text while maintaining background */
/* a:not(.btn):not(h3 a):not(.text-orange):not(.quick-link-ref):not(.faq-links):not(.nav-button):hover:not(:active):not(.order_btn):not([data-toggle="tooltip"]):not([data-toggle="tab"]):not(.nav-link[role="tab"]):not(.modem_tab_link) {
    color: #0E4F55 !important;
    background-color: #DCEFF8;
    border-radius: 2px;
} */

/* Active state: Maintain visibility with no background */
/* a:active:not(.text-white a):not(.btn):not(.nav-link ) {
    color: #0E4F55 !important;
    background-color: transparent !important;
    text-decoration: underline dotted !important;
} */

/* ### quicklink css update */
/* .quick-link-ref, .quick-link-ref:hover{
    text-decoration: none !important;
} */

/* .quick-link-ref:focus .quick_links,
.quick-link-ref:target .quick_links,
.quick-link-ref:focus-within .quick_links,
.quick-link-ref:focus-visible .quick_links {
    color:  #FFFFFF;
    background-color: #666666 !important;
    text-decoration: none !important;
    box-shadow:
    0px 0px 0 2px #FFFFFF,
    0px 0 0 4px #B8DFF0 !important;
} */

/* .quick_links:hover {
    color:  #FFFFFF;
    background-color: #666666 !important;
    text-decoration: none !important;
} */


/* .faq-links, .faq-links:hover, .blog_content a, .blog_pagination a{
    text-decoration: none !important;
}

.main-menu .nav li a:hover {
    color: #0E4F55 !important;
    background-color: #DCEFF8;
    text-decoration: none;
    outline: none !important;
    border-radius: 2px;
} */

/* @todo to be updated when focus design finish */
.text-teal {
    color: #FF6B00;
}

/* ex. cant find address button link */
/* button.disclosure-click.plain-btn {
    color: #0E4F55 !important;
    text-decoration: underline;
    font-weight: bold;
    text-underline-offset: 2.5px;
} */


/* ex. cant find address link */
/* a[data-target="#user-model"] {
    color: #0E4F55 !important;
} */
/*
button.disclosure-click.plain-btn:hover {
    color: #0E4F55 !important;
    background-color: #DCEFF8;
    border-radius: 2px;
}

button.disclosure-click.plain-btn:active {

    color: #0E4F55 !important;
    background-color: transparent !important;
    text-decoration: underline dotted !important;
} */

/* sim blue color button override */



/*for link that looks like a button*/
/* a.btn:active:not(:hover) {
    background-color: #FFC899 !important;
    color: #000000 !important;
    box-shadow: 0 0px 0px #FFC899 !important;
} */
/*
.call-link {
    color: #0E4F55 !important;
} */

/* .call-link:hover {
    color: #0E4F55 !important;
    background-color: #DCEFF8;
    border-radius: 2px;
} */

/**marquee css*/
@keyframes scrollText {
    0% { transform: translateX(100vw); } /* Starts completely outside the viewport */
    100% { transform: translateX(-100%); }
}

.marquee-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.marquee {
    display: inline-block;
    animation: scrollText 30s linear infinite;
    color: black;
    padding: 4px;
}

.marquee-container:hover .marquee {
    animation-play-state: paused;
}

/**####### Accordions */
/* #accordion .card:focus, #accordion-1 .card:focus, #accordion-fh .card:focus, .accordion_faq_cat .card:focus, #head_card_payment:focus, #head_wallet_payment:focus {
    box-shadow:
        0px 0px 0 2px #FFFFFF,
        0px 0 0 4px #B8DFF0 !important;
    outline: none;
} */
/**####### Accordions */

/* autocomplete-suggestion focus */
.autocomplete-suggestion:focus{
    color: #FFF;
    background-color: #FD6B00;
}

/* Form element :focus and :hover effects */

/* Hover only when not focused and not a .search-box */
/* .form-control:not(.search-box):hover:not(:focus) {
    border-color: #000;
    background-color: #DCEFF8;
    transition: background-color 0.2s ease,
                border-color     0.2s ease;
} */

/* Focus ring + reset background—except on .search-box */
/* .form-control:not(.search-box):focus {
    outline: none;
    background-color: #fff;
    box-shadow:
        0 0 0 2px #0E4F55,
        0 0 0 5px #B8DFF0 !important;
} */

/* for address search inputs */
/* hover */
/* .search-bl:hover:not(:focus-within):not(:focus) {
    border-color: #000;
    background-color: #DCEFF8;
    transition: background-color 0.2s ease,
                border-color     0.2s ease;
} */

/* focus-within */
/* .search-bl:focus-within {
    outline: none;
    background-color: #fff;
    box-shadow:
        0 0 0 2px #0E4F55,
        0 0 0 5px #B8DFF0 !important;
} */

/*default radio button  */
/* input[type="radio"] {
    border: 1px solid #ccc;
    cursor: pointer;
} */

/* hover */
/* input[type="radio"]:hover:not(:disabled){
    outline: none;
    box-shadow: 0 0 0 3px #B8DFF0 !important;
} */


  /* disabled */
/* input[type="radio"]:disabled {
    background-color: #EAEAEA;
    border: 1px solid #CCCCCC;
    cursor: not-allowed;
} */

/* default checked */
/* input[type="radio"]:checked {
    background-color: #FF7500;
    border: 1px solid #FF7500 !important;
} */

/* donut effect default:check*/
/* input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 4.5px;
    width: 6px;
    height: 6.5px;
    background: white;
    border-radius: 50%;
    display: block;
} */

/* input[type='radio']:focus
{
    outline: none;
    box-shadow:
        0 0 0 2px #0E4F55,
        0 0 0 5px #B8DFF0 !important;
} */


/* disabled check */
/* input[type="radio"]:checked:disabled {
    background-color: #EAEAEA;
    border: 1px solid #cccccc !important;
} */

/* Donut effect when radio is checked and disabled */
/* input[type="radio"]:checked:disabled::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 4.5px;
    width: 6px;
    height: 6.5px;
    background: #CCCCCC;
    border-radius: 50%;
    display: block;
} */


.text-initial {
    text-transform: initial !important;
}

/* for checkboxes state form focus*/
/* .custom-control-label::before {
    background-color: white !important;
    border: 1px solid #CCCCCC !important;
    z-index: 0;
  }

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #FF7500 !important;
    border-color: #FF7500;
  }

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow:
        0 0 0 2px #0E4F55,
        0 0 0 5px #B8DFF0 !important;
    outline: none;
    border: none !important;
}

.custom-control-input:hover ~ .custom-control-label::before {
    box-shadow: 0 0 0 3px #B8DFF0 !important;
    outline: none;
}

.custom-checkbox .custom-control-input:disabled ~ .custom-control-label::after {
    background-color: #EAEAEA !important;
    border: 1px solid #CCCCCC !important;
    cursor: not-allowed;
    box-shadow: none !important;
    border-radius: 5px;
    background-image: none !important;
}


.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::after {
    background-color: #EAEAEA !important;
    border: 1px solid #CCCCCC !important;
    cursor: not-allowed;
    box-shadow: none !important;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23CCCCCC' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
    border-radius: 5px;
} */

/* ############### Products_boxes hover ############### */
/* REVERT, to apply 2nd phase */
/* .Products_boxes:has(a:hover) {
  background-color: #FFE3CC;
}

.Products_boxes:has(a:hover) a:hover {
  background-color: black !important;
  color: white !important;
} */
/* ############### Products_boxes hover ############### */

/* ############### Tooltip hover and focus ############### */
/* .tooltip-button:hover:not(:focus) {
    color: #0E4F55 !important;
} */
/*
.tooltip-button:focus {
    box-shadow:
    0 0 0 2px #0E4F55,
    0 0 0 5px #B8DFF0 !important;
    outline: none;
    border: none !important;
    border-radius: 10px;
    padding: 2px 1px 0.5px 1px;
} */

/*checkbox checkout verification*/
/* #verification_policy {
    opacity: 0 !important;
} */

/* black border for tabs remove */
.nav-link:focus {
    outline: none !important;
    box-shadow: none !important;
  }

  .form-control:focus {
    color: #666666 !important;
    border-color: #FF6B00 !important;
    outline: 0;
  }


/* stick save & email button */
.email-my-order-btn a {
    color: #000000 !important;
}

/* fieldset wrapper to order paragraph before legend sequence */
/* Visually hide but keep accessible */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

.btn-secondery{background: white !important;border: 1px solid black !important;}
/* Router Finance CSS */
.plan-btn {
    cursor: pointer;
    user-select: none;
}
.switch-group {
    border: 1px solid black;
    border-radius: 9999px;
    display: flex;
    flex-direction: row;
    gap: 2px;
    padding: 5px;
    position: relative;
    width: 100%;
}
.switch {
    flex: 1 1 0;
    position: relative;
}
.switch>label {
    border-radius: 9999px;
    color: black !important;
    cursor: pointer;
    font-weight: 600 !important;
    padding: 6px 8px 4px;
    text-align: center;
    width: 100%;
    transition: 200ms all linear;
}
.switch>label:hover,.switch>input:focus + label {
    box-shadow: 0px 0px 2px 1px gray !important;
}
.switch input {
    position: absolute;
    top: 0;
}
.switch label.selected {
    background-color: #ff7500 !important;
}
.tooltip-inner {
    text-align: left !important;
}
.tooltip-inner ul, .tooltip-inner ul li {
    list-style: disc !important;
    margin-left: 0.75rem !important;
}
.tooltip-inner ol, .tooltip-inner ol li {
    list-style: auto !important;
    margin: 0 !important;
    padding-inline-start: 0;
    margin-left: 0.75rem !important;
}