:root { 
	--sttl-theme-black: #000000; 
	--sttl-theme-yellow: #FFE53A; 
	--sttl-theme-dark: #231F20; 
	--sttl-theme-blue: #3358ab; 
	--sttl-theme-white: #ffffff; 
	--sttl-theme-lblack: #323232;
	--sttl-theme-lgray: #A8A8A8; 
    --sttl-theme-green:#80ff00;
    --sttl-theme-red:#AD0000;
	--sttl-theme-font-12:0.75em; 
    --sttl-theme-font-13:0.8125em; 
    --sttl-theme-font-14:0.875em; 
	--sttl-theme-font-15:0.9375em; 
	--sttl-theme-font-16:1em; 
	--sttl-theme-font-18:1.125em; 
	--sttl-theme-font-20:1.25em; 
	--sttl-theme-font-22:1.375em; 
	--sttl-theme-font-24:1.5em; 
	--sttl-theme-font-26:1.625em; 
	--sttl-theme-font-28:1.75em; 
	--sttl-theme-font-30:1.875em; 
    --sttl-theme-font-32:2em; 
	--sttl-theme-font-33:2.0625em; 
	--sttl-theme-font-40:2.5em;
	--sttl-theme-font-44:2.75em; 
	--sttl-theme-font-65:4.0625em; }

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

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

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

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

body{ background-color: #EEEEF8;  font-family: "Poppins", serif;margin:0; padding:0;font-size:var(--sttl-theme-font-16); }
/*header part*/
.container, .container-xl { margin: 0 auto; width: 100%; max-width: 1400px; }
.logopart a:focus { outline: thin dotted; box-shadow: 0 0 10px 0 rgb(0 0 0 / 50%); }
.searchContainer .form-control:focus, .AccessibilityIcon:focus,
.mapinner select.form-select:focus, .centuryLink ul li a:focus, .planSelectOption .form-select:focus { box-shadow: 0 0 10px 0px #b02fab; outline: thin dotted; }
.logindrop button.btn:focus{ box-shadow: 0 0 10px 0px #b02fab;outline: thin dotted;border-color: #86b7fe; }
.logopart span { border-right: 1px solid #C0C3D2; display: inline-block; padding-right: 15px; }
.logopart a { text-decoration: none;outline:none;display:inline-block; }
#accessControl { display: flex; align-items: center; justify-content: center; }
#accessControl input { float: left; flex-shrink: 0; background: none; border: none; padding: 0; color: var(--sttl-theme-lblack); margin: 0 5px;font-size: var(--sttl-theme-font-14); }
#accessControl .contrastChanger { background-color: var(--sttl-theme-white); display: block; line-height: 10px; border-radius: 50px; margin:3px 6px;padding: 4px; }
#accessControl .contrastChanger.wob { background-color: var(--sttl-theme-black); color: var(--sttl-theme-white); }
.fontResizeInfo { position: relative; }
.video-box { margin-right: 30px; }
.language select { appearance: none;  background: transparent url(../images/down-arrow.png) no-repeat right 6px; border: 0px; font-size: var(--sttl-theme-font-14); cursor: pointer; padding-right: 0.9375em; color: var(--sttl-theme-lblack); }
.language select  option { color: var(--sttl-theme-lblack); }
.language select:hover, .language select:focus { outline: none; }
.headerRow { padding-top: 1em; padding-bottom: 1em; background: var(--sttl-theme-white);border-bottom: 3px solid #FCD094; }
.headerRowRight .searchBtn { transition: all 0.3s; display: flex; justify-content: center; align-items: center; position: relative; cursor: pointer; z-index: 1; }
.searchbtn { font-weight: 500;font-family: "Poppins", serif;border: 1px solid #9146B2; border-radius: 6px; width: 100%; color: #9146B2;height:45px;font-size:var(--sttl-theme-font-16);padding:3px; }
.searchbtn:hover{ background:#9146B2; border: 1px solid #9146B2; color:var(--sttl-theme-white); }
.searchBox { position: absolute; right: 0; top: 0px; background-color: var(--sttl-theme-white); width: 300px; display: none;border-radius: 50px; }
.searchbtn:focus{ background: #9146B2;border: 1px solid #9146B2;color: var(--sttl-theme-white); }
.searchBox .goBtn { background-color:var(--sttl-theme-black); color: var(--sttl-theme-white); text-transform: uppercase; font-weight: bold; transition: all 0.4s; }
.headerRowRight { height: 100%; }
.searchBtn img { position:absolute; right:15px;width:1.2em; }
.searchContainer .form-control { background-color: #f4ecf7; border-radius: 50px; padding-right: 30px; width: 203px; font-size: var(--sttl-theme-font-16); font-family: Inter, Regular; }
.searchContainer { display: flex; justify-content: end; align-items: center; height: 100%; }
.headermenu {position: sticky; top: 0; z-index: 999; background: linear-gradient(90deg, rgba(9,155,201,1) 0%, rgba(181,47,172,1) 100%); }
.toggleMenu { display: none; padding: 0.9375em; text-decoration: none; }
.toggleMenu .mobileMenu { font-size: var(--sttl-theme-font-20); color: var(--sttl-theme-white); }
.toggleMenu .iconBar:before { content: "\f0c9"; font-size: var(--sttl-theme-font-20); font-family: 'Font Awesome 6 Free'; font-weight: 900; color: var(--sttl-theme-white);line-height:26px }
#nav, #nav ul { list-style: none; margin: 0; padding: 0; z-index: 1; }
#nav li { float: left; margin:0px 24px; padding: 0; position: relative; display: inline; }
#nav li:last-child { margin-right: 0; }
#nav li:first-child { margin-left: 0; }
#nav li a { line-height:4.375em; color: var(--sttl-theme-white); font-size: var(--sttl-theme-font-16); display: inline-block; text-decoration: none; position: relative; }
#nav li a:focus { outline: thin dotted; }
#nav li a:before { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; background-color: var(--sttl-theme-yellow); width: 0; transition: all 0.3s; }
#nav li a.active, #nav li a:hover { color: var(--sttl-theme-yellow); }
#nav li a.active:before, #nav li a:hover:before { width: 100%; }
#nav ul { width: 300px; top: 100%; padding: 0; left: 0; position: absolute; }
li.parent.hover ul:before { background: #fbde65; content: ""; position: absolute; top: -2px; width: 100%; height: 2px; }
.hasJS #nav ul {  transition: opacity 400ms linear;background: var(--sttl-theme-blue); }
#nav ul li { float: left; height: auto; width: 100%; margin: 0; padding: 0; }
#nav ul li a { display: block; font-size: var(--sttl-theme-font-14); line-height: 24px; color: var(--sttl-theme-white); border: none; border-top: 1px solid #e4e3e3; padding: 5px 0.9375em 5px 0.9375em; text-align: left; }
.hasJS #nav ul li a:before{ background:var(--sttl-theme-white); }
#nav ul ul { top: 0; left: 300px; }
#nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected { color: #7fb6e9; }
#nav ul, #nav:hover ul ul, #nav .hover ul ul, #nav .focus ul ul { margin-left: -9999px; }
/*#nav li:hover > ul,*/ #nav li.hover > ul, #nav li.focus > ul, #nav a:focus + ul, #nav ul ul, .noJS #nav .hover a:focus, .noJS #nav .focus a:focus { margin-left: 0; }
#nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a, #nav > .highlight > a { color: var(--sttl-theme-yellow); }
#nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav ul > .highlight > a { background-color: #e9e9e9; color: #060613; }
#nav ul li.focus > a { background-color: #e9e9e9; color: #060613; display: block; }
#nav .menuIcon { position: absolute; right: -15px; top: 50%; width: 9px; height: 9px; transform: translateY(-50%); }
#nav li .menuIcon:before { content: "\f078"; font-family: 'FontAwesome'; font-style: normal; color: var(--sttl-theme-white); font-size: 0.625em; display: flex; align-items: center; line-height: 7px;transition:all 0.4s; }
#accessControl input:focus { outline: thin dotted; }
.language select:focus { outline: thin dotted; }
.headerRowRight .redbtn:focus { outline: thin dotted; }
.logindrop { float: right; height: 100%; display: flex; grid-gap: 5px; align-items: center; }
.logindrop button.btn { background: #FEDE5E url(../images/down-arrow.png) 93% 50% no-repeat; background-size: 0.55em; border-radius: 0; border: none; font-size: var(--sttl-theme-font-16); height: 100%; display: flex; justify-content: center; align-items: center; padding: 10px 20px; }
.logindrop ul{ font-size: var(--sttl-theme-font-14) !important;border-radius: 0; border: none; transition: opacity 400ms linear; background: var(--sttl-theme-blue); padding:0; }
.logindrop ul li a { color: var(--sttl-theme-white); border-top: 1px solid #e4e3e3; padding: 5px 0.9375em 5px 0.9375em; font-size: var(--sttl-theme-font-16); line-height: 24px; }
.h3, h3 { font-size: 2.625em; }
.btn{ font-size:1em; }
.loginbtn a { background: #fede5e; color: var(--sttl-theme-black); padding: 1em; display: flex; align-items: center; height: 2.5em; border-radius: 38px; }
.loginbtn a:hover, .loginbtn a:focus{ color:#fede5e; background:var(--sttl-theme-black); }

/*stickyHeader*/
.headermenu.floatMenu { width: 100%; position: fixed; left: auto; top: 0; z-index: 4; }
/*banner start*/
.homeBanner { position: relative; z-index: 0;background:var(--sttl-theme-black); }
.homeBanner .homeBannerImgWrap { height:33.75em; overflow: hidden; background-position: right center; background-size: cover; background-repeat: no-repeat; }
.homeBanner .sliderCaptionWrap { position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); }
.homeBanner .homeBannerImgWrap img { width: 100%;object-fit: cover;height: 100%; }
.t90Bhishma h2 { font-family: 'Inter'; font-size:var(--sttl-theme-font-44); color: var(--sttl-theme-white); font-weight: 800; }
.t90Bhishma span { line-height: 33px; font-weight: 300; margin: 0 0 15px 0; }
.t90Bhishma p { font-family: 'Inter'; font-size:var(--sttl-theme-font-16); color:var(--sttl-theme-white); }
.paginationWrap { position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: space-between; width: 100%; left: 0; padding: 0 40px; }
.recwrap { position: absolute; top: 50%; z-index: 9999; width: 100%; }
.rectrArrow .recPrev { background-position: 0 1px; float: left; position: absolute; left: 50px; }
.rectrArrow .recNext { background-position: 0 1px; float: left; position: absolute; right: 50px; }
.rectrArrow .recPrev, .rectrArrow .recNext { transition: 350ms ease; cursor: pointer; width: 31px; height: 31px;font-size: var(--sttl-theme-font-14); margin: 0; padding: 0; border: 1px solid var(--sttl-theme-black); border-radius: 100%; display: flex; justify-content: center; align-items: center;line-height:31px; }
.rectrArrow .recPrev:before{ content:"\f060";font-family: 'FontAwesome'; font-weight:normal; }
.rectrArrow .recNext:before{ content:"\f061";font-family: 'FontAwesome'; font-weight:normal; }
.rectrArrow .recPrev.swiper-button-disabled,
.rectrArrow .recNext.swiper-button-disabled{ opacity: 0.5; }
.providerTable .table thead th, .providerTable .table tbody td{ vertical-align:middle; }
.tableOut thead, .tableOut tbody tr { display: table; table-layout: fixed; width: 100%; border-width: 0; }
.tableOut tbody { display: block; max-height: 500px; overflow-y: auto; }
.tableOut table tr td { font-size: var(--sttl-theme-font-14); word-break: break-all; }
.tableOut table tr td , .tableOut table tr th { border-top: none; }
.tableOut tbody tr td img { width: 50px; object-fit: contain;text-align:center; }
.tableData thead th:last-child { width: 150px; }
.tableData tbody td:last-child { width: 145px; }
.tableData thead th:first-child { width: 90px; }
.tableData tbody td:first-child { width: 90px; }
.tableOut tbody::-webkit-scrollbar-thumb { border-radius: 20px; -webkit-box-shadow: inset 0 0 0px #fff;  background-color: #9146B2; }
.tableOut tbody::-webkit-scrollbar { border-radius: 20px; width: 1px; background-color: #CFD2E9; }

.tabContentBody thead, .tabContentBody tbody tr { display: table; table-layout: fixed; width: 100%; border-width: 0; }
.tabContentBody tbody { display: block; max-height: 500px; overflow-y: auto; }
.tabContentBody table tr td { font-size: var(--sttl-theme-font-14); word-break: break-all; }
.tabContentBody tbody::-webkit-scrollbar-thumb { border-radius: 20px; -webkit-box-shadow: inset 0 0 0px #fff;  background-color: #9146B2; }
.tabContentBody tbody::-webkit-scrollbar { border-radius: 20px; width: 1px; background-color: #CFD2E9; }

.admin-table.tsp-application .table-responsive {max-height: 500px; overflow-y: auto;}
#revision-application-view tr:nth-child(odd) td { background-color: #efefef; --bs-table-bg-type: none;}
#revision-application-view { border: 1px solid #dee2e6; }
#revision-application-view table { border-collapse: collapse; min-width: max-content; }
#revision-application-view th, #revision-application-view td { white-space: nowrap; }

/*play pause icons commen */
.swiper-button-pause, .swiper-button-play { width: 31px; height: 31px; position:absolute; top:-40px; right:50px; z-index:-1; text-align:center; cursor:pointer; font-size:0; border-radius: 100%; border: 1px solid var(--sttl-theme-black); line-height: 31px;}
.swiper-button-pause::before { content:"\f04c"; }
.swiper-button-pause::before, 
.swiper-button-play::before { font-family: 'FontAwesome'; width: 100%; height: 100%; line-height: 29px; color: var(--sttl-theme-black); font-size: 13px; text-align: center; display: flex; align-items: center; justify-content: center; }
.swiper-button-pause.play::before{ content:"\f04b"; }
.swiper-button-play { display: none !important; }
/*banner end*/
/*Accessibility start*/
div#AccessibilityControl:hover .AccessibilityClick{ transform:rotate(180deg); }
.AccessibilityIcon { display: flex; justify-content: center; align-items: center; transition: var(--Transition-2s); width: 42px; height: 42px; border-radius: 50%; background-color: var(--Color-White); transition:all 0.4s; }
.AccessibilityIcon { animation: tilt-shaking 0.9s infinite; }
.Accessibility:hover .AccessibilityIcon { transform: rotate(360deg); }
.AccessibilityIcon:hover,
.AccessibilityIcon:focus { background-color: var(--sttl-theme-blue); }
.Accessibility, ul.Dropdown { margin-left: 7px; border: 1px dotted transparent; }
.Button:hover, .AccessibilityIcon:focus { outline:thin dotted;border:1px dotted var(--sttl-theme-yellow); }
div#AccessibilityControl { border-radius: 8px; z-index:9999;display:none !important; max-width: 420px;width: 100%; position: fixed; right: -420px; top: 0; transition: all 0.8s; background-color: var(--sttl-theme-white); }
.AccessibilityOpen div#AccessibilityControl { right: 0px;display:block !important; }
div#AccessibilityControl ul { margin: 0; padding: 20px; background-color: var(--sttl-theme-white); }
div#AccessibilityControl ul li { line-height: 1; list-style: none; border-radius: 6px; padding: 10px; width: calc(50% - 10px); border: 1px solid #3a57a9; margin: 10px 5px 0px; min-height: 80px;display:flex;align-items:center; justify-content:center; }
div#AccessibilityControl ul li .fontScalerGrp { display: flex; flex-wrap: wrap; justify-content: center; }
div#AccessibilityControl ul li span { font-size:var(--sttl-theme-font-15); width: 100%; display: block; font-weight: 600;color: var(--sttl-theme-black);text-align:center; transition: all 0.4s;margin-bottom:5px; }
div#AccessibilityControl ul li .fontScalerGrp:hover .StartAnimationIcon,
div#AccessibilityControl ul li .fontScalerGrp:hover .CursorAnimationAcc span { transform: rotate(360deg); } 
div#AccessibilityControl ul li a { font-weight:600; text-decoration: none;color: var(--sttl-theme-black); }
div#AccessibilityControl .Heading { z-index: 1; font-size:var(--sttl-theme-font-18); font-weight: 600; background-color: var(--sttl-theme-blue); padding: 0.652em 0.9375em; color: var(--sttl-theme-white); display: flex; justify-content: space-between; }
div#AccessibilityControl .AccessibilityClick { color: var(--sttl-theme-white); position:relative;transition:all 0.4s; }
div#AccessibilityControl .AccessibilityClick:hover { transform: rotate(360deg); }
div#AccessibilityControl .contrastChanger { width: 19px; height: 19px; padding: 0; min-height: 0; font-size: 0; margin: 2px 4px 5px 0; border-radius: 4px; border: none; }
div#AccessibilityControl .contrastChanger.normal { border: 1px solid #0e0e0e; background-color: var(--sttl-theme-white); }
div#AccessibilityControl .contrastChanger.wob { border: 1px solid #4c4c4c; background-color: var(--sttl-theme-black); }
div#AccessibilityControl ul li .PauseAnimationAcc .StartAnimationIcon:after { content: "\f04c"; font-family: "Font Awesome 6 Free"; }
div#AccessibilityControl ul li .PauseAnimationAcc.Play .StartAnimationIcon:after{ content: "\f04b"; font-family: "Font Awesome 6 Free"; }
div#AccessibilityControl ul li .CursorAnimationAcc span:after { content: "\f245"; font-family: "Font Awesome 6 Free"; }
div#AccessibilityControl .fontScaler { border-radius: 4px; padding: 0; min-height: unset; border: none; margin: 2px 4px 5px 0; background-color: #dedede; width: 22px; height: 22px; color: var(--sttl-theme-black); display: flex; justify-content: center; align-items: center; line-height: 1; font-size: var(--sttl-theme-font-12); font-weight:600; }
div#AccessibilityControl .fontScaler.current { background-color: var(--sttl-theme-black); color: var(--sttl-theme-white); }
.AccessibilityPopUP { transition: opacity 0.5s ease, transform 0.5s ease; /* Add transition */ opacity: 1; transform: translateY(0); /* Start position */ }
/*Accessibility end*/
body.CursorAnimationON button,
body.CursorAnimationON [role="button"],
body.CursorAnimationON [type="button"],
body.CursorAnimationON [type="submit"],
body.CursorAnimationON a,
body.CursorAnimationON label[for],
body.CursorAnimationON input[type="radio"], 
body.CursorAnimationON input[type="checkbox"],
body.CursorAnimationON input[type="text"],
body.CursorAnimationON input[type="password"],
body.CursorAnimationON select,
body.CursorAnimationON textarea { cursor: url(../images/cursor-large-pointer.png), auto;pointer-events: all; }
body.CursorAnimationON .btn:not(:disabled):not(.disabled){ cursor: url(../images/cursor-large-pointer.png), auto; }
body.CursorAnimationON,body.CursorAnimationON label { cursor: url(../images/cursor-large.png), auto;}

/*Know your Tariff in LSA*/
section.yourTariff { margin: 50px 0 30px; }
.mapinner { background: var(--sttl-theme-white); border-radius: 12px; padding: 30px;position:relative; }
.headingh3 { font-size: var(--sttl-theme-font-32); font-weight: 600; color: #323232; }
.mapimg img { width: 100%; max-width: 310px; margin: 20px auto; display: block; }
.mapinner label.form-label { font-weight: 400;font-family: "Poppins", serif;font-size: var(--sttl-theme-font-15);margin-bottom:0; }
.mapinner select.form-select { font-weight: 600; font-family: "Poppins", serif; font-size: var(--sttl-theme-font-15); height:45px; background: #fff url(../images/select-down.svg) 90% 18px no-repeat;background-position: right 0.75em center;background-size:1em; padding: 6px 36px 6px 12px;}
.isps p { background: #eeeef8; padding: 10px; margin: 0; color: #5856BA; font-family: Poppins, Medium; border-radius:4px; }
.centuryLink ul { margin: 0; padding: 0; }
.centuryLink ul li { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #eeeef5; }
.centuryLink ul li a { line-height: 20px; text-decoration: none; color: #323232; font-family: Inter, Regular; font-weight: 300; display: block; padding: 12px 0; }
.centuryLink ul li a:hover{ color: #5856BA;  }
.centuryLink ul li a:focus { background: #eeeef8; color: #5856BA; outline: thin dotted; }
.sprmain { position:relative; height:100%; }
.viewAll { outline: none; color: #5856BA; text-decoration: none; font-family: Poppins, SemiBold; float: right; margin-top: 20px; display: block; }
.viewAll:hover{ color:#9146B2; }
.buttonLink:focus, .secondaryButton:focus, .search-box-btn:focus{ background:#9146B2; color:var(--sttl-theme-white);outline:none; }
.viewAll:focus{ color:#9146B2; outline:thin dotted; }
.buttonLink { transition: all 0.4s; text-decoration: none; border-radius: 6px;padding: 12px 20px;border: none; background-color: #FEDE5E; color: #323232; font-size: var(--sttl-theme-font-16); font-weight: 600;text-align:center; }
.buttonLink:hover{ background:var(--sttl-theme-black); color:var(--sttl-theme-white);text-decoration: none; }
.tspviewall:focus{ color:#9146B2;outline:thin dotted; }
.totalrecord { background: var(--sttl-theme-white); border-radius: 12px; padding: 30px; display: inline-block; width: 100%; }
.tpsIcn { background: #EEEEF8; display: inline-block; padding: 0.9375em 1.25em; border-radius: 10px; float: left; margin-right: 15px; }
.tsptext { display: flex; justify-content: space-between; border-bottom: 1px solid #ccc; }
.tpsIcn img{ width: 3.2em; }
.tsptext span { color: #9146B2; font-weight: 600; font-family: Inter, SemiBold; font-size: var(--sttl-theme-font-26); }
.tsptext span.tsptotal { color: #323232; font-size:var(--sttl-theme-font-24); font-family: Inter, SemiBold; border: medium; font-weight: 400; }
.Tariffinner { display: flex; justify-content: space-between; padding-top:10px; }
.Tariffinner span { font-family: Inter, SemiBold; font-weight: 600; }
.Tariffinner span.TariffPlans { font-weight: 400; font-size:var(--sttl-theme-font-16); line-height:20px; }
.TSPCardSection-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.selectboxinline { display: flex;justify-content: space-between; }
.section-header-block { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; }
/* Latest Tariff Plans section css  start  */
.mx-10 { margin-left: 10px; margin-right: 10px; }
.sectionSpacing { padding: 5em 0px; }
.tariffPlansSection { position: relative;z-index: 0; background:#000 url(../images/triPlanBg.webp); background-repeat: no-repeat; background-size: cover; }
.sectionHeading{ font-size: var(--sttl-theme-font-32); font-weight: 500; color: var(--sttl-theme-white); }
.TSPCardSection{ padding: 20px 25px; background: var(--sttl-theme-white); box-shadow: 0px 0px 30px #00000029; border-radius: 12px; }
.subHeading{ font-size:var(--sttl-theme-font-30); color: #323232;margin:0; }
.secondaryButton { transition: all 0.4s; display: block; padding: 5px 20px; font-size: var(--sttl-theme-font-14); background: var(--sttl-theme-white); border: 2px solid #EBEAEA; border-radius: 66px; height: 45px; }
.secondaryButton:hover{ background:var(--sttl-theme-black); color:var(--sttl-theme-white); }
.planSelectOption { width: calc(100% - 80px); display: flex; justify-content: space-between; }

/*search box btn*/
.search-box-btn { height: 45px; width: 70px; cursor: pointer; background: #FEDE5E; font-size: var(--sttl-theme-font-16); color: var(--sttl-theme-black); border: 1px solid var(--sttl-theme-white); border-radius: 6px; outline: 0; }
.search-box-btn, .search-box-outer { transition: .3s; position: relative; }
.search-box-btn:before, .search-btn:before{  content: "\f002"; font-weight: 900; font-family: 'FontAwesome'; }
.search-box-btn:hover { color: var(--sttl-theme-white); background-color: var(--sttl-theme-black); }
.dropdown-toggle::after { display: none; }
.search-box-outer .dropdown-menu { font-size: var(--sttl-theme-font-16); top: calc(100% + 17px) !important; right: 0 !important; left: auto !important; transform: none !important; padding: 0; width: 280px; border-radius: 0; border-top: 3px solid #9244b0; transition: all 0.4s ease; animation: slideIn 0.4s ease-out; }
@keyframes slideIn {
	from { opacity: 0; transform: translateY(-250px); }
	to { opacity: 1; transform: translateY(0); }
}
.search-panel .form-container { padding: 10px; }
.search-panel .form-group { position: relative; margin: 0; }
.search-panel input[type="text"], .search-panel input[type="search"], .search-panel input[type="password"], .search-panel select { display: block; width: 100%; line-height: 24px; padding: 0.4375em 2.5em 0.4375em 0.9375em; height: 40px; font-size: var(--sttl-theme-font-14); border: 1px solid #e0e0e0; background: var(--sttl-theme-white); }
.search-panel input:focus, .search-panel select:focus { border-color: #25262c; }
.search-panel .search-btn { position: absolute; right: 0; top: 0; width: 40px; height: 40px; text-align: center; color: #555; font-size: 12px; cursor: pointer; border: none; background: #fbde65; }
.planLIstSection { margin: 0px; padding: 0px; }
.planLIstSection li { display: flex; list-style: none;grid-gap: 30px; padding: 15px 20px; background: var(--sttl-theme-white); border: 1.5px solid #CCCCCC; border-radius: 8px; justify-content: space-between; align-items: center; }
/*.companyLogo { margin-right: 20px; }*/
.centuryLink .companyLogo{ margin-right:0; }
.companyLogo img { width: 4.5em; }
.planDetail { width: 100%;  display: flex; justify-content: space-between; background: #EEEEF8; border-radius: 8px; padding: 15px; align-items: center; }
.planSelectOption .form-select { padding: 6px 36px 6px 12px; height:45px; background: url(../images/chevron-down.png) 0 0 no-repeat; background-position: right 0.75em center; background-size: 1em; font-size:var(--sttl-theme-font-14); }
.price { font-family: Inter, SemiBold; font-weight: 600; font-size: var(--sttl-theme-font-20); }
.priceDetail { font-size: var(--sttl-theme-font-14); color: #323232; font-family: 'Inter'; font-weight: 400; }
.TalktimeBlock .price, .ValidityBlock .price { font-weight: 400;font-size: var(--sttl-theme-font-16); }

/*scroll bar*/
.scrollbar-thumb { background: #9146B2 !important; width:4px !important; left:3px !important; }
.scrollbar-track{ background:transparent !important; border-right: 1px solid #ccc; opacity:1 !important; }
.scrollbar-track-y{ width:5px!important;right:1px !important;  }
.section-header-block {  margin-bottom: 15px; }
.tspviewall { color: #9146B2; font-size: var(--sttl-theme-font-16); font-family: Inter, SemiBold; font-weight: 600; text-decoration: none; }
.tspviewall:hover{ color:var(--sttl-theme-black); }
/*Special Tariff Plans*/
.specializes-in { padding: 40px 0; }
.tariff-wrap { background: var(--sttl-theme-white); }
.swiper-container { overflow: hidden; }
.tariff-title { position:relative; display: flex; align-items: center; margin-bottom: 15px; }
.tariff-wrap .headingh2 { font-size: var(--sttl-theme-font-32); color: #323232; font-family: Inter, SemiBold; font-weight: 600;margin-bottom:0; }
.tariff-arrow { display: flex; justify-content: end; align-items: center; width: 200px; position: absolute; right: 0; top: 50%; transform:translateY(-50%); }
.culnexpre { display: flex;align-items: center;justify-content: end; grid-gap: 10px; }
.arrowNext, .arrowPrev { position: relative;cursor: pointer; transition: 350ms ease; display: flex; align-items: center; justify-content: center; }
.arrowNext:before, .arrowPrev:before{ font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size:var(--sttl-theme-font-20);color:#9146B2; }
.arrowNext:before{ content:"\f061"; }
.arrowPrev:before{ content:"\f060"; }
.arrowNext.swiper-button-disabled span, .arrowPrev.swiper-button-disabled span{ color:#9244b0; }
.box3 { position: relative;z-index:0; }
.img-bg { position: relative;overflow:hidden; border-radius:15px; height: 12.5em }
.img-contant { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 3.125em; height: 100%; }
.img-title { font-size: var(--sttl-theme-font-32); color: #112152; font-family: Inter; font-weight: 800; }
.img-left p { font-size: var(--sttl-theme-font-15); color: #112152; font-family: Inter, Medium;line-height:20px;margin-bottom:0; }
.img-bg > img{ object-fit: cover;object-position: bottom;height: 100%;width: 100%; }
.updatesWrap { height: 12.5em; position: relative; overflow: hidden; z-index: 0;border-radius: 12px;background-color:hsla(168,49%,78%,1);
background-image:
radial-gradient(at 0% 23%, hsla(177,69%,85%,1) 0px, transparent 50%),
radial-gradient(at 44% 1%, hsla(174,100%,94%,1) 0px, transparent 50%),
radial-gradient(at 71% 99%, hsla(177,100%,84%,1) 0px, transparent 50%); }
.updatesWrap:after { content: ""; height: 12.5em; width:27.5em; position: absolute; right: 0; top: 0; background: url(../images/glow-bg.svg) 0 0 no-repeat; display: block; z-index: -1; }
.img-right { margin-right: 6.25em; }
.special-box .img-right img { width: 7.5em; }
.arrowNext:focus-visible, .arrowPrev:focus-visible{ outline:thick; opacity:0.5; }

/* footer section css here Start  */
footer { padding: 30px; background: transparent linear-gradient(99deg, #099BC9 0%, #B52FAC 100%) 0% 0% no-repeat padding-box; }
.footerLInks { width: 100%; display: flex; flex-wrap: wrap; align-items: center; }
.footerLink-heading { font-size: var(--sttl-theme-font-18); color: var(--sttl-theme-white); font-weight: 500; margin-bottom: 15px; }
.footerLInks a { transition: all 0.3s ease; width: 33.33%; margin-bottom: 10px; font-family: Inter; color: var(--sttl-theme-white); font-size:var(--sttl-theme-font-16); font-weight: 300; text-decoration: none; padding-left: 1.125em; padding-right: 8px; position: relative; display: inline-block; }
.footerLInks a::before { content: "\f054"; display: flex; align-items: center; height: 15px; position: absolute; top: 50%; left: 0px; font-size: var(--sttl-theme-font-12); transform: translateY(-50%); font-family: 'Font Awesome 6 Free'; font-weight: 900;transition:all 0.4s; }
.footerLInks a:hover:before{ left:7px; }
.footerLInks a:hover { color: var(--sttl-theme-yellow); }
.footerLInks a:focus, .contactLinks a:focus { color: var(--sttl-theme-yellow); outline: thin dotted; }
.ftborder { border-right: 1px solid var(--sttl-theme-white); }
.bg-color { border-color: #6D81BC; }
.my-20 { margin-top: 20px; margin-bottom: 20px; }
.contactLinks { display: flex; flex-wrap: wrap; }
.contactLinks a { font-family: Inter; transition: all 0.3s ease; position: relative; margin-right: 20px;font-size: var(--sttl-theme-font-16); color: var(--sttl-theme-white); font-weight: 400; margin-bottom: 12px; text-decoration: none; }
.contactLinks a:hover { color: var(--sttl-theme-yellow); }
.contactLinks a:hover img{ -webkit-animation-duration: 1s; animation-duration: 1s; animation-name: tada; transition: all 0.5s ease; }
@-webkit-keyframes tada {
    0% { -webkit-transform: scaleX(1); transform: scaleX(1) }
    10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg); transform: scale3d(.9, .9, .9) rotate(-3deg) }
    30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg) }
    40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg) }
    to { -webkit-transform: scaleX(1); transform: scaleX(1) }
}
@keyframes tada {
    0% { -webkit-transform: scaleX(1); transform: scaleX(1) }
    10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg); transform: scale3d(.9, .9, .9) rotate(-3deg) }
    30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg) }
    40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg) }
    to { -webkit-transform: scaleX(1); transform: scaleX(1) }
}
.contactLinks a img{ width:1.1em; }
.contactLinks .contact-icon { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); }
.socialLinksSection { display: flex; flex-direction: column; align-items: flex-end; }
.socialLinks ul { display: flex; padding-left: 0px; }
.socialLinks ul li { list-style: none; margin-right: 12px; }
.socialLinks ul li:last-child { margin-right: 0px; }
.socialLinks ul li a { transition: all .4s; border: 2px solid transparent; border-radius: 100%; display: flex; width: 36px; height: 36px; background: var(--sttl-theme-white); align-items: center; justify-content: center; text-decoration: none; color: #984fb4; }
.socialLinks ul li a:hover { transform: rotate(360deg); border: 2px solid #ffc107; box-shadow: rgb(99 205 211 / 47%) 0px 3px 8px; border-radius: 100%; }
.socialLinks ul li a:focus { border: 2px solid var(--sttl-theme-yellow); outline: thin dotted; background: #984db2; color: var(--sttl-theme-white); }
.copyrightSection p { font-size: var(--sttl-theme-font-14); color:var(--sttl-theme-white);margin:0; }
.socialLinks ul li a img { width: 2.25em; height: 2.25em; }
/*registration*/
.enterprise-registration-body .form-group { margin-bottom: 15px; }
.custom-front-login-card select { background: url(../images/chevron-down.png) right 0 no-repeat; background-position: right 0.75em center; background-size: 1em; color: var(--sttl-theme-black); padding: .375em 2.25em .375em .75em; border: 1px solid #ced4da; font-size: var(--sttl-theme-font-15); }
.CaptchaWrapFlex img#captcha { margin: 0 10px; border-radius: 8px; }
.CaptchaWrapFlex .btn { border: 1px solid #9146B2;border-radius: 8px; font-size:var(--sttl-theme-font-16); padding:10px 15px; }
.CaptchaWrapFlex .btn:hover .fa-refresh { -webkit-animation-duration: 1s; animation-duration: 1s; animation-name: tada; transition: all 0.5s ease; }
.CaptchaWrapFlex .btn .fa-refresh{  color: #9146B2; }
.form-footer button.btn.btn-primary { transition: all 0.4s; border: 1px solid #9146B2;border-radius: 8px;color: #9146B2; background:transparent;padding:10px 20px; }
.form-footer button.btn.btn-primary:hover{ background:#9146B2; color:var(--sttl-theme-white); }
.custom-front-login-card { background: var(--sttl-theme-white); border-radius: 1rem; padding: 40px 20px 0; }
.custom-front-login-card p { font-size: var(--sttl-theme-font-14); margin: 0;font-style:italic; }
.form-footer p { font-size:var(--sttl-theme-font-16); margin-bottom: 1em;font-style:normal; }
.form-footer p a { text-decoration: none;color: #9244b0; }
.form-footer p a:hover{ color:#3a57a9; }
.form-control, .form-footer button.btn.btn-primary{ font-size:var(--sttl-theme-font-16); }
.enterprise-registration-body label.control-label { font-family: "Poppins", serif; font-size: var(--sttl-theme-font-15); color: #333; }
.breadcrumb-item a { text-decoration: none; color: var(--sttl-theme-black); }
.breadcrumb li.breadcrumb-item.active { color: #ac32ac; }
.search-panel input[type="search"] { border: 1px solid #dee2e6; outline: none; border-radius: 0.375em; }

/*smoke external css popup*/
.smoke { top: 15%; width: 100%; max-width: 500px; left: 50%; transform: translateX(-50%); position: absolute; margin: 0; border-radius: 20px; background-color: rgba(255, 255, 255, 0.95); text-align: center; font-size: var(--sttl-theme-font-18); line-height: 150%; border: 2px solid #e7e7e7; box-shadow: 0 0 10px 10px rgb(0 0 0 / 20%); }
.smoke-base { background: rgba(0, 0, 0, .6); position: fixed; top: 0; left: 0; bottom: 0; right: 0; visibility: hidden; opacity: 0; }
.smoke-base.smoke-visible { opacity: 1; visibility: visible; }
.smokebg { position: fixed; top: 0; left: 0; bottom: 0; right: 0; }
.smoke-base .dialog-inner { padding: 50px 35px; color: #202020; }
.smoke-base .dialog-inner button { transition: all 0.4s; font-size: var(--sttl-theme-font-16); margin: 0 10px; transition: all 0.4s; border: 1px solid #9146B2; border-radius: 8px; color: #9146B2; background: transparent; padding: 10px 20px; }
.smoke-base .dialog-inner button:hover { outline: none; background: #9146B2; border: 1px solid #9146B2; color: var(--sttl-theme-white); }
.smoke-base .dialog-inner button:focus{ color: var(--sttl-theme-white); outline: thin dotted; box-shadow: 0 0px 8px 0px rgb(255 230 86); background: #9146B2; }
.dialog-prompt { margin-top: 15px; text-align: center; }
.dialog-buttons { margin: 20px 0 5px 0; border-top: 1px solid #d9d9d9; padding-top: 20px; }
.dialog-prompt input { margin: 0; border: 0; font-family: sans-serif; outline: none; border: 1px solid #aaa; width: 75%; display: inline-block; background-color: transparent; font-size: var(--sttl-theme-font-16); padding: 8px; }
.dialog-buttons button { background-color: rgba(0, 0, 0, .85); border-radius: 0; color: var(--sttl-theme-white); }
.dialog-buttons button.cancel { background-color: #646458; border: 1px solid #646458; color: var(--sttl-theme-white); }
.form-control:focus { box-shadow: 0 0 10px 0px #b02fab; outline: thin dotted; }
.CaptchaWrapFlex .btn:focus, .form-footer button.btn.btn-primary:focus, .form-footer p a:focus, .changePswd .changePassword:focus { color: var(--sttl-theme-white); outline: thin dotted; box-shadow: 0 0px 8px 0px rgb(255 230 86);background:#9146B2; }
.CaptchaWrapFlex .btn:focus .fa-refresh{ color:var(--sttl-theme-white); }
.form-group small { font-size: var(--sttl-theme-font-13); background: #F00; position: relative; color:var(--sttl-theme-white); padding: 5px 10px; bottom: 0px; left: 0px; border-radius: 5px; }
.has-error .help-block { color: var(--sttl-theme-white); }
.has-error .form-control { border-color: #ff0050; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); }
.innerBanner h2{ font-size:var(--sttl-theme-font-32); }
.Heading28{  font-size:var(--sttl-theme-font-28); } 
.red{ color:var(--sttl-theme-red); }

/********* Back to Top **********/
#backtotop { background-color: var(--sttl-theme-white); cursor: pointer; height: 40px; overflow: hidden; position: fixed; bottom: 45px; right: 15px; width: 40px; border-radius: 50%; box-shadow: 0 0 7px 0px rgb(0 0 0 / 50%); z-index: 9; border: 2px solid var(--sttl-theme-white); text-decoration: none; }
#backtotop:before { transition: all 0.4s; content: "\f062"; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: var(--sttl-theme-font-15); color: #984fb4; display: flex; align-items: center; justify-content: center; height: 100%; }
#backtotop:hover{ background-color:#16286f;border: 2px solid #0a217e; }
#backtotop:focus{ outline:thin dotted;background-color:#16286f;border: 2px solid #0a217e; }
#backtotop:focus:before{ color:var(--sttl-theme-white); transform: rotate(360deg); }
#backtotop:hover:before{ color:var(--sttl-theme-white); transform: rotate(360deg); }

/*********404 Page*********/
.detail404 { max-width: 800px; width: 100%; margin: 20px auto; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, .1); padding: 30px; border-radius: 15px; }
.detail404 h2 { margin-bottom: 10px; position: relative; display: inline-block; text-transform: uppercase; color: var(--sttl-theme-blue); }
.detail404 h2:before, .detail404 h2:after { width: 14px; height: 14px; background-color: var(--sttl-theme-blue); border-radius: 50%; content: ""; position: absolute; top: 50%; margin-top: -7px; bottom: inherit; left: inherit; }
.detail404 h2:before { left: -30px; }
.detail404 h2:after { right: -30px; }
.detail404 h3 { display: inline-block; font-size: 110px; font-weight: 700; line-height: .9; padding-bottom: 10px; margin-bottom: 10px; color: var(--sttl-theme-blue); border-bottom: 1px solid var(--sttl-theme-blue); }
.detail404 .largeText { font-size: var(--sttl-theme-font-30); color: var(--sttl-theme-dark); font-weight: 700; line-height: 1.3; text-transform: uppercase; margin-bottom: 13px; }
.detail404 p { text-align: center; }
.detail404 p .button { text-decoration: none; display: inline-block; transition: all 0.4s; border: 1px solid #9146B2; border-radius: 8px; color: #9146B2; background: transparent; padding: 10px 20px; }
.detail404 p .button:hover { background: #9146B2; color: var(--sttl-theme-white); border: 1px solid #9146B2; }
.form-group input, .form-group select{ height:45px; line-height:32px; }
.innerBanner{ background:var(--sttl-theme-white); padding: 15px 0; }
.innerBanner h2{ padding:20px 0; }
.displayNone{ display:none; }
.allowed-format { font-size: var(--sttl-theme-font-14); font-style: italic; }
.blocking-element { pointer-events: none; }
/*company-profile-edit*/
.backbtn { display: flex; width: 100%; margin-bottom: 20px; align-items: center; justify-content: end; }
.btn-update { transition: all 0.4s; border: 1px solid #9146B2; border-radius: 8px; color: #9146B2; background: transparent; padding: 10px 20px; }
.btn-update:hover{ background: #9146B2; color: var(--sttl-theme-white); }
.captcha-sec { display: flex; }

/********** Table **********/
.tableOut { overflow-y: hidden; overflow-x: auto; margin-bottom: 30px; }
table, .tableData { border-collapse: separate; border-spacing: 0; width: 100%; empty-cells: show; border: none; border-top: 1px solid rgb(0 0 0 / 20%); border-left: 1px solid rgb(0 0 0 / 20%); position: relative; }
table table, .tableData table { margin: 0; }
th, td, .tableData th, .tableData td { border: none; padding: 15px; border-bottom: 1px solid rgb(0 0 0 / 20%); border-right: 1px solid rgb(0 0 0 / 20%); font-size: 1em; }
th, td, .tableData th p, .tableData td p { margin: 0; }
table tr:nth-child(odd) td, .tableRowOdd { background-color: #efefef; }
caption, th, td { font-weight: normal; background: var(--sttl-theme-white); }
th, .tableData th { background: var(--sttl-theme-lblack); color: var(--sttl-theme-white); border-right: 1px solid rgb(243 243 243 / 40%); border-bottom: 1px solid rgb(255 255 255 / 40%); font-size: var(--sttl-theme-font-14); }
.tableScroll { overflow-y: hidden; overflow-x: auto; }
.tableOut table.responsiveTable.tableData td a { color: var(--sttl-theme-black); word-wrap: break-word; text-decoration: none; }
.tableOut table.responsiveTable.tableData td a img { width: 16px; height: 12px; border-radius: 0; }
.pagination .input-group>.form-control { width: 50px; }
.pagination .input-group .btn { transition: all 0.4s; border: 1px solid #9146B2; color: #9146B2;box-shadow:none; }
.pagination .input-group .btn:hover{ background: #9146B2; color: var(--sttl-theme-white); }
.pagination .form-control[readonly] { background: #9146B2; color: var(--sttl-theme-white); border: 1px solid #9146b2; margin-left: 0.3em !important; }
.changePassword { transition: all 0.4s; border: 1px solid #9146B2; border-radius: 8px; color: #9146B2; background: transparent; padding: 10px 20px; }
.changePassword:hover{ background: #9146B2; color: var(--sttl-theme-white); border-color:#9146B2; }
.input-group-append button { padding: 6px 12px; background: transparent; color: #9146B2; border: 1px solid #9146B2; }
.input-group-append button:hover{ background:#9146B2; color: var(--sttl-theme-white); border: 1px solid #9146B2;}
.input-group-append .btn.disabled, .input-group-append fieldset:disabled .input-group-append .btn { color: var(--sttl-theme-white); pointer-events: none; background-color: #565656; border-color: #565656; opacity: 0.5; }
.input-group-append .btn.disabled, .input-group-append .btn:disabled, .input-group-append fieldset:disabled .btn{     background-color: #2b3035;
    border-color: #2b3035; color:#fff; }
/*breadcrumbWrap*/
.innerBannerCaption, .innerBannerWrap .container-xl { height: 100%;display:flex;justify-content:space-between; align-items:center; }
.innerBannerWrap { background-color: var(--sttl-theme-black); position: relative; text-align: center; height: 19.5625em; overflow: hidden; }
.innerBannerWrap img { object-fit: cover; right: 0; position: absolute; width: 100vw; max-width: 100%; height: 100%; }
.innerBannerCaption h2 {  font-weight: 600; color: var(--sttl-theme-white); font-size: 1.5em; margin: 0;font-family: 'Inter'; text-align: left; width: 100%; }
.breadcrumbWrap { padding: 0.9375em 0; margin-bottom: 1.25em; bottom: 0px; width: 100%; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; }
.breadcrumbWrap ol.breadcrumb { margin-bottom: 0; display: inline-flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; justify-content: center; background: rgb(8 7 39 / 60%); border-radius: 6px; padding: 0.625em; margin-top: 1.25em; }
.breadcrumbWrap ol.breadcrumb li{ color:var(--sttl-theme-white); }
.breadcrumbWrap ol.breadcrumb li:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.breadcrumbWrap li.breadcrumbItem a { text-decoration: none;color:var(--sttl-theme-white); }
.breadcrumbWrap li.breadcrumbItem.active{ color:var(--sttl-theme-yellow); }
.breadcrumbItem + .breadcrumbItem::before { display: inline-block; padding-right: 0.8em; padding-left: 0.8em; color: var(--sttl-theme-white); content: ">"; }
/*breadcrumbWrap end*/
/*Review Tariff page css start*/
.tariffProductReport{ background: var(--sttl-theme-white); padding:50px 0 35px; font-size:var(--sttl-theme-font-15); }
.tariffProductReport .tab-pane { background: #EEEEF8;border-radius: 0 0 12px 12px; }
.tariffReportPlan { background: #5856BA; border-radius: 12px 12px 0 0; height: 80px; padding: 12px; display: flex; align-items: center; justify-content: space-evenly; }
.tariffReportPlan .nav{ align-items:center;color:var(--sttl-theme-white);border-bottom:none;grid-gap:15px; }
.tariffReportPlan .nav-link { background: #5856BA; border-radius: 8px; border: 1px solid #8785E1; color: var(--sttl-theme-white);height:2.8125em; }
.tariffReportPlan .nav-link .radio, .tariffReportPlan .nav-link .radio label{ margin:0; }
.tariffReportPlan .nav-link.active { background: #EEEEF8; }
.tariffCheckbox ul { margin: 0; padding: 0; display: flex; grid-gap: 15px; align-items: center; }
.tariffCheckbox ul li { list-style: none; color: var(--sttl-theme-white); }
.cust-datepicker{ position:relative; }
.cust-datepicker input { width: 120px; font-size: 14px; height: 2.8125em;text-align: right; }
.cust-datepicker:before { content: ""; position: absolute; left: 0; top: 0; background: url(../images/calender.svg) 0 0 no-repeat; width: 30px; height: 2.8125em; background-position: 13px 15px; background-size: 14px; }
.cust-datepicker .form-control:disabled, .cust-datepicker .form-control[readonly]{ background:#5856BA;border:1px solid #8785E1; }
.cust-datepicker input::-webkit-input-placeholder { color: var(--sttl-theme-white); }
.cust-datepicker input::-moz-placeholder { color: var(--sttl-theme-white); }
.cust-datepicker input:-ms-input-placeholder { color: var(--sttl-theme-white); }
.cust-datepicker input:-moz-placeholder { color: var(--sttl-theme-white); }
.acctab select, .acctab input { height: 2.8125em; font-size:var(--sttl-theme-font-15); }
.dateRange-datepicker{ position:relative; }
.dateRange-datepicker:before { content: ""; position: absolute; left: 0; top: 0; background: url(../images/calender-blue.svg) 0 0 no-repeat; width: 30px; height: 2.8125em; background-position: 13px 15px;background-size: 14px; }
.dateRange-datepicker .form-control:disabled, .dateRange-datepicker .form-control[readonly]{ background:var(--sttl-theme-white);border:1px solid #DEDEDE; padding-left: 34px; }
.dateRange-datepicker input::-webkit-input-placeholder { color: #888888; }
.dateRange-datepicker input::-moz-placeholder { color: #888888; }
.dateRange-datepicker input:-ms-input-placeholder { color: #888888; }
.dateRange-datepicker input:-moz-placeholder { color: #888888; }
.rental input::-webkit-input-placeholder { color: #5856BA; }
.rental input::-moz-placeholder { color: #5856BA; }
.rental input:-ms-input-placeholder { color: #5856BA; }
.rental input:-moz-placeholder { color: #5856BA; }
.withdrawn { background: var(--sttl-theme-white); padding: 10px; border-radius: 8px; }
.srchbtn { background: #9146B2; color: var(--sttl-theme-white); border-radius: 24px; border: none; padding: 10px 19px; }
.srchbtn:hover { background: #5c55b8; color: var(--sttl-theme-white); border: none; padding: 10px 19px; }
.cst-colgrid { display: flex; grid-gap: 10px; }
.withdrawn .custom-checkbox > [type=checkbox]:not(:checked) + label:before, .withdrawn .custom-checkbox > [type=checkbox]:checked + label:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -9px; width: 20px; height: 20px; border: 1px solid #A6A9C5; background: var(--sttl-theme-white); border-radius: 4px; }
.withdrawn .custom-checkbox > [type=checkbox]:not(:checked) + label:after, .withdrawn .custom-checkbox > [type=checkbox]:checked + label:after{ color:#8785E1; }
#myTabContent .form-select, #myTabContent input { height: 2.8125em; }
#myTabContent .form-select{ background: #fff url(../images/select-down.svg) 90% 18px no-repeat; background-position: right 0.75em center; }
#myTabContent .form-select:focus, #myTabContent input:focus{ box-shadow: 0 0 10px 0px #b02fab; outline: thin dotted; }
.buttonall button { border: none; padding: 10px 25px; margin-bottom: 15px; font-family: 'Poppins'; border-radius: 24px; }
.buttonall .saveDraft { border: 1px solid #323232; transition:all 0.4s;margin-right:15px; }
.buttonall .btn-submit { background: #9146B2; color: var(--sttl-theme-white);border: 1px solid #9146B2; }
.buttonall .btn-submit:hover, .buttonall .saveDraft:hover{ background: #5c55b8;border: 1px solid #5c55b8; color: var(--sttl-theme-white); }
.xlsdownload { display: flex; justify-content: end; align-items: center; }
.xlsdownload a { background: #dfdfe1; padding: 10px; border-radius: 50px; height: 48px; width: 48px; display: flex; align-items: center; justify-content: center; margin-left: 15px; }
.rstright .xlsdownload a img { width: 1.3em; }

/* custom checkboxes */
.rdio { position: relative; }
.rdio input[type=radio] { opacity: 0; }
.rdio label { padding-left: 10px; cursor: pointer; margin-bottom: 0; }
.rdio label:before { width: 14px; height: 14px; position: absolute; top:4px; left: 0; content: ""; display: inline-block; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; border: 1px solid #8785E1; background: #5856BA; }
.rdio input[type=radio] { margin: 0px; }
.rdio input[type=radio]:disabled + label { color: #999; }
.rdio input[type=radio]:disabled + label:before { background-color: #fbc52d; }
.rdio input[type=radio]:checked + label::after { content: ""; position: absolute; top: 6px; left: 2px; display: inline-block; font-size: 11px; width: 10px; height: 10px; background-color: #fbc52d; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }
.rdio-default input[type=radio]:checked + label:before { border-color: #fbc52d; }
.rdio-primary input[type=radio]:checked + label:before { border-color: #9146B2; background:#9146B2; }
.rdio-primary input[type=radio]:checked + label::after { background-color: #9146B2; }
.custom-checkbox > [type=checkbox], .custom-checkbox label { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.custom-checkbox > [type=checkbox]:not(:checked), .custom-checkbox > [type=checkbox]:checked { position: absolute; left: -9999px; }
.custom-checkbox > [type=checkbox]:not(:checked) + label, .custom-checkbox > [type=checkbox]:checked + label { position: relative; padding-left: 30px; cursor: pointer;margin:0;font-size:0.875em; }
.custom-checkbox > [type=checkbox]:not(:checked) + label:before, .custom-checkbox > [type=checkbox]:checked + label:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -9px; width: 18px; height: 18px; border: 1px solid #8785E1; background: #5856BA; border-radius: 4px; }
.custom-checkbox > [type=checkbox]:not(:checked) + label:after, .custom-checkbox > [type=checkbox]:checked + label:after { font-family: 'Font Awesome 6 Free'; font-weight: 900; content: "\f00c"; position: absolute; top: 50%; margin-top: -9px; left: 3px; color: var(--sttl-theme-white); transition: all 0.2s; font-size: 15px; }
.custom-checkbox > [type=checkbox]:not(:checked) + label:after { opacity: 0; transform: scale(0); }
.custom-checkbox > [type=checkbox]:checked + label:after { opacity: 1; transform: scale(1); }
.custom-checkbox > [type=checkbox][data-indeterminate] + label:after { content: "−"; left: 2px; opacity: 1; transform: scale(1); }
.custom-checkbox > [type=checkbox]:disabled:not(:checked) + label:before { box-shadow: none; background-color: #eeeeee; border-color: #eeeeee; cursor: not-allowed; opacity: 1; color: #dadada; }
.custom-checkbox > [type=checkbox]:disabled:checked + label:before { box-shadow: none; background-color: #eeeeee; border-color: #eeeeee; cursor: not-allowed; opacity: 1; color: #fbc52d; }
.custom-checkbox > [type=checkbox]:disabled:checked + label:after { color: #fbc52d; cursor: not-allowed; }
.custom-checkbox > [type=checkbox]:disabled + label { color: #aaa; cursor: not-allowed; }
.custom-checkbox > [type=checkbox]:checked:focus + label:before, .custom-checkbox > [type=checkbox]:not(:checked):focus + label:before { border: 1px solid #fbc52d; }
.custom-checkbox label:hover:before { border: 1px solid #5856BA; }
.custom-checkbox [type=checkbox]:disabled:not(:checked) + label:hover:before, .custom-checkbox [type=checkbox]:disabled:checked + label:hover:before { border: 1px solid #fbc52d !important; }
.AbTariffPlans .lefttrafplan .form-select { font-size: 1em; background-size: 0.890em; padding: 6px 15px;height:40px; }
/*Review Tariff page css start*/

/*About Tariff Plans start*/
.AbTariffPlans{ background:var(--sttl-theme-white); }
.reset { background: transparent; position: relative; float: right; color: var(--sttl-theme-black); border: none; font-family: 'Poppins';padding-right:1.5em; transition: all 0.4s; }
.reset:after { content: "\f2ea"; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: #9146B2; position: absolute;right:0; transition: all 0.4s;  }
.reset:hover, .reset:hover:after{ color: #9146B2; }
.reset:hover:after{  transform:rotate(360deg) }
.lefttrafplan{ padding:30px; background: #eeeef8; height: 100%; }
.lefttrafplan .buttonall .btn { width: 100%; }
.lefttrafplan .accordion { margin-top: 40px; }
.lefttrafplan .accordion .card { border: none; margin-bottom: 10px;border-radius:8px; }
.lefttrafplan .accordion .card h2 { font-weight: 700; background: url(../images/chevron-up.png) no-repeat calc(100% - 10px) center;background-position: right 0.75em center;background-size:1em; cursor: pointer; font-size: var(--sttl-theme-font-15); padding:16px;box-shadow: 0 0 3px 0 rgb(0 0 0 / 10%); }
.lefttrafplan .accordion .card h2.collapsed { font-weight: 700; background: url(../images/chevron-down.png) 0 0 no-repeat; background-position: right 0.75em center;background-size:1em }
.operatorPlan .withdrawn { padding: 0; }
.operatorPlan ul { margin: 0; padding: 0; height: 130px; overflow: auto; width: auto; }
.operatorPlan ul li { list-style: none; border: none; margin-bottom: 15px; color: #323232;display:block; }
.operatorPlan .custom-checkbox > [type=checkbox]:not(:checked) + label, .operatorPlan .custom-checkbox > [type=checkbox]:checked + label{ display:block; }
.custom-checkbox img { width:70px; }
.card-body.operator_list { height: 200px; overflow-y: auto; overflow-x: hidden; margin-right:16px; padding-right:0; position:relative; }
.card-body.operator_list::-webkit-scrollbar-thumb { border-radius: 20px; -webkit-box-shadow: inset 0 0 0px #fff;  background-color: #9146B2; }
.card-body.operator_list::-webkit-scrollbar { border-radius: 20px; width: 5px; background-color: #CFD2E9; }
.sprmain .centuryLink .isptsp { height: 230px; }
.isptsp { margin: 0px; padding: 0px; height: 500px; overflow-y: auto;padding-right:10px; }
.isptsp::-webkit-scrollbar-track { width: 1px; background-color: #CFD2E9; }
.isptsp::-webkit-scrollbar-thumb { border-radius: 20px; -webkit-box-shadow: inset 0 0 0px #000;  background-color: #9146B2; }
.isptsp::-webkit-scrollbar { border-radius: 20px; width: 5px; background-color: var(--sttl-theme-black); }
.card-body.operatorPlan { padding-top: 0px;padding-right:18px; }
.aboutplContant { padding: 30px 10px; }
.aboutplContant h2 { font-size: var(--sttl-theme-font-32); color: var(--sttl-theme-black); font-family: Poppins, Regular; font-weight: 400; margin-bottom: 15px; }
.aboutplContant p { color: #323232; font-size: var(--sttl-theme-font-15); font-weight: 400; font-family: Poppins, Regular; }
.Taff-Types { background: #F5F5F5; padding: 15px;border-radius: 8px }
.Taff-Typesinner{ background:var(--sttl-theme-white); padding: 15px;border-radius: 8px; /*margin-bottom:15px;*/ }
.Taff-Typesinner select { height: 45px; background:url(../images/chevron-down.png) right 0 no-repeat;background-position: right 0.75em center; background-size: 1em;color: var(--sttl-theme-black); padding: 6px 36px 6px 12px;border: 1px solid #A6A9C5; font-size:var(--sttl-theme-font-15); }
.headingh18 { font-size: var(--sttl-theme-font-18); color: var(--sttl-theme-black); font-weight: normal;margin-bottom: 15px; }
.typlist{ margin: 0; padding: 0;display: flex; justify-content: space-between; align-items: center; }
.typlist li{ list-style: none; margin: 0; padding: 0; }
ul.typlist.roaming-Options { justify-content: flex-start; grid-gap: 70px; }
.error-page__heading-title { font-size: 1.5em; }
.information-list { margin-bottom: 30px; }
.acdion-Inner{  background: #F5F5F5; border-radius: 8px }
.acdion-Inner .accordion .card { border: none; }
.acdion-Inner .accordion .card h2 { padding: 15px; background: #5856BA url(../images/acc-arrorUp.png) no-repeat calc(100% - 10px) center;background-position: right 0.75em center; cursor: pointer; font-size: var(--sttl-theme-font-15);color:var(--sttl-theme-white); }
.acdion-Inner .accordion .card h2.collapsed { background:#5856BA url(../images/acc-arrorDown.png) 0 0 no-repeat;background-position: right 0.75em center; }
.acdion-Inner .accordion .card-body { border: 1px solid #CFD2E9; border-radius: 0px 0px 8px 8px;}
.all-list { list-style: none; margin: 0; padding: 0; }
.tableload { padding: 0; }
ul.all-list li { list-style: none; margin: 0; padding: 3px 0; }
.call-detail { width: 150px; float: left;padding:5px 0; }
.all-innersum { display: flex; justify-content: space-between; }
.Taff-Types .buttonall { display: flex; justify-content: end; }
.Taff-Types .buttonall .saveDraft { margin-right: 0; margin-left: 15px; border: 1px solid #9146B2; color: #9146B2; }
.Taff-Types .buttonall .saveDraft:hover{ border: 1px solid #9146B2; background: #9146B2;color:var(--sttl-theme-white); }

/*modal css start*/
.customModal  .modal-content { padding: 30px; }
.modal-title { font-size: var(--sttl-theme-font-24); color: #5856BA; margin: 0; }
.customModal .modal-header, .customModal .modal-footer { border: none; padding-left: 0; padding-right: 0; }
.following-options ul { margin: 0; padding: 0; background: #F5F5F5; border-radius: 16px; overflow: hidden; }
.following-options ul li { position: relative; list-style: none; line-height: 28px;  padding: 0; }
.following-options ul li span { display: inline-block; background: #5856BA; width: 40%; color: var(--sttl-theme-white); padding: 9px 20px; margin-right: 20px; }
.following-options ul li:after { content: ""; background: #9d9d9d; height: 1px; position: absolute; top: 0; width: 95%; left: 50%; transform: translateX(-50%); opacity: 0.3; }
.following-options ul li:first-child:after { display: none; }
.confirmbtn-Modal, .editbtn-Modal, .cancelbtn-Modal{ transition: all 0.4s; border: 1px solid #9244b0; padding: 10px 20px; border-radius: 66px; background: transparent; color: #9244b0; width: 110px; }
.confirmbtn-Modal { background: #9146B2; border: 1px solid #9244b0; color: var(--sttl-theme-white); }
.confirmbtn-Modal:hover, .editbtn-Modal:hover, .cancelbtn-Modal:hover{ background: #9146B2; border: 1px solid #9244b0; color: var(--sttl-theme-white); }
.customModal  .modal-content { padding: 0 30px 10px; }
.customModal .modal-body{  padding:0; }
/*About Tariff Plans end*/

/*About Tariff Plans 2*/
.chosen-container-active .chosen-choices{ border:1px solid #3358ab !important; }
.chosen-container-multi .chosen-choices { height: 2.8125em; background: var(--sttl-theme-white); font-size: var(--sttl-theme-font-14); border: 1px solid #E9E8E8;border-radius:8px; }
.chosen-container-multi .chosen-choices .search-field{ width:100% !important; font-size:var(--sttl-theme-font-16); }
.chosen-container-multi .chosen-choices .search-field input[type="text"]{ width: 100% !important; height:45px;font-size:var(--sttl-theme-font-18); color: #212529;padding:.375em  .75em; }
.innerPage{ padding:30px 0; }
.headingDeffout { font-size: var(--sttl-theme-font-32); color: var(--sttl-theme-black); font-family: Poppins, Regular; font-weight: 400;margin:0; }
.tifPlan{ position:relative; }
.tifPlan input { font-size: var(--sttl-theme-font-14); width: 100%; border: 1px solid #E9E8E8; border-radius: 8px; padding: 0.9375em 2.1875em 0.9375em 0.9375em; position: relative; color: #707070;outline:none; }
.tifPlan button { position: absolute; right: 10px; border: none; background: transparent; top: 50%; transform: translateY(-50%); color: #9146B2; }
.tifPlan input::-webkit-input-placeholder { color:var(--sttl-theme-black); }
.tifPlan input::-moz-placeholder { color:var(--sttl-theme-black); }
.tifPlan input:-ms-input-placeholder { color:var(--sttl-theme-black); }
.tifPlan input:-moz-placeholder { color:var(--sttl-theme-black); }
.tifPlan input:focus, .topstrick .form-select:focus{ border:1px solid #3358ab;outline: none;box-shadow:none; }
.topstrick .form-select { height:45px;background:#fff url(../images/chevron-down.png) 0 0 no-repeat;background-position: right 0.75em center;
    background-size: 1em; font-size: var(--sttl-theme-font-14);border-radius:8px;padding: 6px 36px 6px 12px; }
.topstrick .form-select.chosen-select { background: var(--sttl-theme-white); height: auto; }
.result-foundWrap { background: var(--sttl-theme-white); padding: 25px 20px;border-radius:8px; }
.rstinner { display: flex; justify-content: space-between;align-items:center;margin-bottom:20px; }
.rstright { display: flex;grid-gap:15px; }
.colorBorder { transition: all 0.4s; border: 1px solid #9146B2; color: #9146B2; border-radius: 66px; padding: 10px 20px; font-size:var(--sttl-theme-font-14);background:var(--sttl-theme-white);text-decoration:none; }
.grayBorder { border: 1px solid #ebeaea; transition: all 0.4s; color: #707070; border-radius: 66px; padding: 10px 20px; font-size:var(--sttl-theme-font-14); background: var(--sttl-theme-white); }
.colorBorder:hover, .grayBorder:hover{ border: 1px solid #9146B2; color:var(--sttl-theme-white) ;background:#9146B2;text-decoration:none; }
.rstright .xlsdownload a { margin: 0;background:#F4ECF7; }
.mainCheckbox .all-list { height: auto;width:120px;overflow:initial; }
.mainresult-found { display: flex; justify-content: start; border: 1px solid #CFCFCF; border-radius: 8px; padding: 20px;margin-bottom:20px; }
.mainCheckbox ul label img { padding-left: 25px; }
.talktime p { font-size: 14px; color: #323232;margin:0; }
.mainData { width: 100%; }
.PrepaidCombo .accordion .card { border: 1px solid #f8f9ff; }
.lefttrafplan.PrepaidCombo .tariff_summaryDw { margin-top: 0; }
.PrepaidCombo { padding: 15px 0 0 0 ; background: no-repeat; }
.PrepaidCombo .accordion { margin: 0; }
.PrepaidCombo .accordion .card h2.tariff_summaryDw { background:#F8F9FF url(../images/grayarrow-down.png) 0 0 no-repeat; background-position: right 0.75em center;margin-bottom:0;background-size:1.7em; }
.PrepaidCombo .accordion .card h2.tariff_summaryUp { background:#9244b0 url(../images/grayarrowup.png) no-repeat calc(100% - 10px) center; background-position: right 0.75em center; cursor: pointer; font-size: var(--sttl-theme-font-15); background-size:1.7em;border-radius: 8px 8px 0 0; }
.listingAcco { padding-left: 0;padding-right: 30px; display: flex; justify-content: space-between; align-items: center; margin: 0; grid-gap: 30px; }
.listingAcco li { list-style: none;font-size:var(--sttl-theme-font-15);color: #323232; }
.listingAcco li span { color: #5856BA; padding-right: 15px; }
.tariff_summaryUp .listingAcco li span { color: #fbde65; }
.tariff_summaryUp .listingAcco li { color: var(--sttl-theme-white); }
.custom_collapse .card-body { border: 1px solid #9342ae; border-radius: 0 0 8px 8px; }

.bglight { background: #F5F5F5; }
.mainresult-found .withdrawn { background: none; display: inline-block; }
.PrepaidCombo .accordion .card.bgwhite h2.collapsed { background:#fff url(../images/grayarrow-down.png) 0 0 no-repeat; background-position: right 0.75em center; }
.PrepaidCombo .accordion .card.bgwhite h2 { background:#fff url(../images/grayarrowup.png) no-repeat calc(100% - 10px) center; background-position: right 0.75em center; cursor: pointer; font-size: var(--sttl-theme-font-15); padding: 1em; }
.dataTableMain{ background:var(--sttl-theme-white); }
.cust-tabledata .table thead th, .cust-tabledata .table thead td { background: #5c55b8;color:var(--sttl-theme-white);}
.card-body .cust-tabledata tbody td { font-size: 14px; text-align: center; }
.card-body .cust-tabledata table tr:nth-child(odd) td, .cust-tabledata .tableRowOdd { background-color: #f4ecf7; }
.card-body .cust-tabledata table th, .card-body .cust-tabledata table td, .card-body .cust-tabledata table .tableData th, .card-body .cust-tabledata table .tableData td { border: none; box-shadow: none; padding: 15px; border-bottom: none; border-right: 1px solid rgb(0 0 0 / 20%); font-size: var(--sttl-theme-font-12); }
.card-body .cust-tabledata .table-bordered>:not(caption)>*{ border-width:0; }
.dataTableWrap table.dataTable thead>tr>th.sorting_asc, 
.dataTableWrap table.dataTable thead>tr>th.sorting_desc, 
.dataTableWrap table.dataTable thead>tr>th.sorting, 
.dataTableWrap table.dataTable thead>tr>td.sorting_asc, 
.dataTableWrap table.dataTable thead>tr>td.sorting_desc, 
.dataTableWrap table.dataTable thead>tr>td.sorting{ background: #5856BA;color: var(--sttl-theme-white); }
.dataTableWrap table.dataTable th, .dataTableWrap table.dataTable td{ font-size:var(--sttl-theme-font-14); }
.modal-backdrop,
.modal-backdrop.show{ opacity:0.9; }
.dataTableWrap .table thead th, .dataTableWrap .table thead td{ background: #5c55b8;color:var(--sttl-theme-white);font-size:var(--sttl-theme-font-14);vertical-align: top;border-bottom: none; border-top: none;}
.dataTableWrap th, .dataTableWrap td, .dataTableWrap .tableData th, .dataTableWrap .tableData td { font-size:var(--sttl-theme-font-14); }
/*datepicker*/
.datepicker table tr td, .datepicker table tr th{ border-radius: 0px; }
.datepicker th, .datepicker .tableData th{ background: rgb(51 88 171); }
.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover { background: #4482be; }
.datepicker-dropdown.dropdown-menu{ padding:0; }
.datepicker-dropdown.dropdown-menu table{ border: none; }
.datepicker-dropdown:before { content: ''; border-bottom: 7px solid rgb(58 87 169); border-bottom-color: rgb(58 87 169); }
.datepicker-dropdown:after { content: ''; border-bottom: 6px solid #3a57a9; position: absolute; }
.datepicker table tr td, .datepicker table tr th { border: 1px solid #e8e8f7; border-right: 1px solid rgb(0 0 0 / 20%); border-top: 1px solid rgb(0 0 0 / 20%); }
.dataTableWrap tbody { display: block; max-height: 500px; overflow-y: auto; }
.dataTableWrap thead, .dataTableWrap tbody tr { display: table;table-layout: fixed;width: 100%;border-width: 0; }
.dataTableWrap tbody::-webkit-scrollbar-track { width: 1px; background-color: #CFD2E9; }
.dataTableWrap tbody::-webkit-scrollbar-thumb { border-radius: 20px; -webkit-box-shadow: inset 0 0 0px #000;  background-color: #9146B2; }
.dataTableWrap tbody::-webkit-scrollbar { border-radius: 20px; width: 3px; background-color: var(--sttl-theme-black); }
.dataTableWrap .table { border-color: #dee2e6; border-bottom: 1px solid #dee2e6; }

/*All focus css*/
.reset:focus, .reset:focus:after { color: #9146B2; outline: thin dotted; }
.buttonall .btn-submit:focus{ outline:thin dotted;box-shadow:none; }
.form-select:focus{ box-shadow: none; }
/*div#popup { line-height: 1.3; max-width: 200px; text-align: center; cursor: unset; display: none; position: absolute; padding: 10px 12px; box-shadow: 0px 0px 30px #0000001A; background-color: #fff; border-radius: 8px; font-size: 16px; font-weight: 500; }
div#popup:after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #fff; }*/
.MapWrapper path { fill: #EFEFF8; stroke: #707070; transition: .5s all; }
.MapWrapper path.selected { fill: #92b2ff; }
.MapWrapper path.active { fill: #3358ab; cursor:pointer; }
.MapWrapper svg#stateMap { width: 100%;height: 392px; }
.centuryLink { height: 230px; overflow: hidden; }

/*About us page*/
.innerCommen{ padding:30px 0; background:var(--sttl-theme-white);position:relative;z-index:0;overflow: hidden; }
.innerCommen:after { content: ""; position: absolute; right: 0; top: auto; bottom: 0; background: url(/default/front/images/history.png) 0 0 no-repeat; height: 695px; left: auto; z-index: -1; opacity: 0.1; background-size: 100%; width: 557px; }
.boxHalf { background: #f7f7f7; text-align: center; padding: 30px; color:var(--sttl-theme-white);; border-radius: 8px; border: 1px solid #9146B2; box-shadow: 0 0 5px 0px rgb(0 0 0 / 20%); }
.heading4 { font-size: var(--sttl-theme-font-20); font-weight: 500;color: var(--sttl-theme-black); }
.boxHalf p { display: inline-block; width: 100%; margin-bottom: 20px; color: var(--sttl-theme-black); }
.downloadbtn { background: #9146B2;border: 1px solid #9146B2; padding: 10px 15px; text-decoration: none; border-radius: 24px; color:var(--sttl-theme-white); transition: all 0.4s;display:inline-block; }
.downloadbtn:hover{ text-decoration:none;background: #5c55b8; border: 1px solid #5c55b8; color: var(--sttl-theme-white); }
.lefttrafplan input.rangeslider { height: 40px; padding: 6px 12px; border-radius: 0.375rem; border: 1px solid #dee2e6; background: transparent; max-width: 100px; margin: 0 auto; text-align: center; display: block; }
.datype_list li, .ulcall_list li { list-style: none; margin: 0; padding: 0; border: none; margin-bottom: 5px; }
.bottomFilterRight ul.pagination { justify-content: end; }
.bottomFilterRight ul button { transition: all 0.4s; border: 1px solid #9146B2; border-radius: 8px; color: #9146B2; font-size: var(--sttl-theme-font-16); background: transparent; padding: 10px 20px; margin: 10px 5px; }
.bottomFilterRight ul button:hover{ background: #9146B2; color: var(--sttl-theme-white); border: 1px solid #9146b2; }
.bottomFilterRight ul button.active { background: #9146B2; color: var(--sttl-theme-white); border: 1px solid #9146b2; }
.eventRecord.bottomFilterLeft { display: flex; justify-content: space-between; align-items: center; }
.page-item:last-child .page-link{ border-top-right-radius: 8px; border-bottom-right-radius: 8px;padding:10px 15px; }
.page-item:first-child .page-link{ border-top-left-radius: 8px; border-bottom-left-radius: 8px; padding:10px 15px; }
.page-item:first-child .page-link span, .page-item:last-child .page-link span { grid-gap: 4px; display: flex; justify-content: space-around; align-items: center; line-height:1; }

/************** sitemap ***********************/
.sitemapWrap{ background:var(--sttl-theme-white); padding:30px 0; }
.sitemap .sitemap-item ul li { position: relative; padding-left: 0px;margin-bottom: 10px; }
.sitemap .sitemap-menu > li { padding: 0 0 0 25px; position: relative; margin-bottom: 5px; }
.sitemap .sitemap-menu > li > a, #site-map .nolink { color: var(--sttl-theme-black); font-size:var(--sttl-theme-font-16); line-height: 25px; text-decoration: none; padding:7px 20px; transition: 500ms all; border: 1px solid #2c3d83; }
.sitemap .sitemap-menu a { display: inline-block; }
.sitemap .sitemap-item ul { list-style: none; padding: 0; margin: 0; }
.sitemap .sitemap-item ul li ul.menu li { width: 100%; float: none; padding-left: 1.6875em; }
.sitemap .sitemap-menu > li > ul:after { content: ""; height:7px;width:7px; left: -4px; position: absolute; bottom: 0;background: #2c3d83; border-radius: 50%; }
.sitemap .sitemap-menu > li > ul { border-left: 1px solid #2c3d83; list-style: none; padding: 5px 0; margin: 0 0 15px 25px; position: relative; }
.sitemap .sitemap-item ul li ul.menu li::before { position: absolute; content: "\f105"; font-family: 'FontAwesome'; font-size: var(--sttl-theme-font-13); color: #2c3d83; top: 50%; left: 1.3em; border-radius: 100%; text-align: center; line-height: normal; transform: translateY(-50%); }
.sitemap .sitemap-item ul li ul.menu li:after { content: ""; display: block; border-top: 1px solid #2c3d83; height: 0; position: absolute; transition: 500ms all; top: 50%; left: 0; width: 1.3em; transform: translateY(-50%); }
.sitemap .sitemap-menu > li > a:hover, #site-map .nolink:hover { background: #9146B2;color: var(--sttl-theme-white); border: 1px solid #9146B2; }
.sitemap .sitemap-menu > li > ul > li > a { transition: 500ms all; background: var(--sttl-theme-white); padding:0.3125em 0.625em; color: var(--sttl-theme-black); text-decoration: none; }
.sitemap .sitemap-menu > li > ul > li > a:hover, .sitemap .sitemap-item ul li ul.menu li ul li a:hover { transition: 500ms all; background: #2c3d83; color: var(--sttl-theme-white); }
.sitemap .sitemap-item ul li ul.menu li a{ font-size:var(--sttl-theme-font-14); }
.sitemap .sitemap-item ul li ul.menu li ul li a { padding: 5px 10px; color: var(--sttl-theme-black); text-decoration: none; }
.sitemap .sitemap-item ul li ul.menu li ul li:before { left: -15px; }
.sitemap .sitemap-item ul li ul.menu li ul li a:after { left:-30px; }
/*Help page*/
.helpWrap{  padding:3.125em 0;  }
.helpTable{ margin-bottom:15px; }
.helpTable tbody td:first-child { width: 90px; }
.helpTable tbody td:last-child { width: 150px; }
.helpTable table td a { color: var(--sttl-theme-black);word-wrap: break-word; text-decoration: none; }
.helpTable table td a:hover { color: #9146B2; }
.helpTable th, .helpTable td, .helpTable th, .helpTable td { border: none; padding: 0.9375em; border-bottom: 1px solid rgb(0 0 0 / 20%); border-right: 1px solid rgb(0 0 0 / 20%);font-size: 1em; }
.headingNormal{ font-size:var(--sttl-theme-font-20);color:var(--sttl-theme-black);margin-bottom:10px;font-weight:500; }
.readMore { border: 1px solid #9146B2; border-radius: 6px; color: #9146B2; font-size: var(--sttl-theme-font-16); text-decoration: none; padding: 10px 20px; transition: all 0.4s; display: flex; width: 150px; text-align: center; margin: 10px 0; justify-content: center; align-items: center; }
.readMore:hover{ background: #9146B2;border: 1px solid #9146B2;color: var(--sttl-theme-white);text-decoration:none; }
.adobelink, .adobelink:hover{ text-decoration:none; }
.adobelink img, .helpTable table tbody tr td img{ width:1em; }
.custLink ul { margin: 0; padding: 0;  }
.custLink li { list-style: none; margin-bottom: 0.625em;position: relative;padding-left:1.125em; }
.custLink li:before { content: "\f054"; display: flex; align-items: center; height: 0.9375em; position: absolute; top: 0.9375em; left: 0px; font-size: var(--sttl-theme-font-12); transform: translateY(-50%); font-family: 'Font Awesome 6 Free'; font-weight: 900; transition: all 0.4s; }
.faqinnerMain{ height:auto;padding:0;margin:0; }
.faqinnerMain .accordion { margin: 50px 0; }
.operator_list .planLIstSection li { padding: 0; border: none; margin-bottom: 5px; }
.rngslider { display: flex; align-items: center; width: 100%; grid-gap: 0.9375em; } 
.rngslider input { width: 100%; }
.card .card-body ul { list-style: none; margin: 0; padding: 0; }
.card .service_provider input[type="radio"] { display: none; }
.card .service_provider label { cursor: pointer; position: relative; }
.card .service_provider label::before { content: ""; position: absolute; width: 0.9375em; height: 0.9375em; background-color: transparent; border: 1px solid #9146B2; border-radius: 50%; top: 44%; left: 0; transform: translateY(-50%); transition: border-color 400ms ease; }
.card .service_provider label::after { content: ""; position: absolute; width: 0.9375em; height: 0.9375em; background-color: #9146B2; border: 1px solid #9146B2; border-radius: 50%; top: 44%; left: 0; transform: translateY(-50%) scale(0); transition: transform 400ms ease; }
.card .service_provider ul li label { padding-left: 1.25em;margin-bottom:0; }
.card .service_provider input[type="radio"]:checked+label::before { border-color: #9146B2; }
.card .service_provider input[type="radio"]:checked+label::after { transform: translateY(-50%) scale(0.55); }
.tariff_summaryDw { background: #f00; padding: 8px 10px; color: var(--sttl-theme-white); font-weight: 600;outline: none; border: none; margin: 20px 0; display: inline-block;outline: none; border-radius: 0.25rem; }
.tariff_summaryDw:hover{ outline: none;color: var(--sttl-theme-white);text-decoration: none;background: #f35b5b; }
.tariff_summaryDw.focus, .tariff_summaryDw:focus{box-shadow:none;outline: none; border: none; text-decoration: none;}
.lefttrafplan.comparetariff-plans .accordion .card h2.collapsed { background: #F8F9FF url(../images/chevron-down.png) 0 0 no-repeat; background-position: right 0.75em center; background-size: 1em; }
.lefttrafplan.comparetariff-plans .accordion .card h2 { background: #F8F9FF url(../images/chevron-up.png) no-repeat center; background-position: right 0.75em center; background-size: 1em; cursor: pointer; font-size: var(--sttl-theme-font-15); padding:16px; box-shadow: 0 0 3px 0 rgb(0 0 0 / 10%); }
.providerTable .table{ border-top:none; }
.providerTable .table th{ border-bottom:none; }
.serPrvdrList h2 { font-size: 2em; }
.terms-Use p, .screenReader p, .helpTitle p { margin-bottom: 1em; }




/*black theme contrast*/
body.wob, .wob .tariff-wrap, .wob .AbTariffPlans, .wob .innerCommen { background-color: var(--sttl-theme-black); }
.wob .headermenu, .wob .headerRow, .wob .footer { background:#231f20; }
.wob .logopart img { filter:grayscale(1) invert(1) contrast(4); }
.wob .mapinner label.form-label, .wob .breadcrumb-item a, .wob h3.Heading28, .wob .enterprise-registration-body label.control-label, 
.wob .form-footer p, .wob .smoke-base .dialog-inner, .wob .signupCaptcha label, .wob .detail404 p, .wob .page-numbers, 
.wob .custom-front-login-card p, .wob div#AccessibilityControl ul li span, .wob .headingh3, .wob .subHeading, .wob .allowed-format, 
.wob .planSelectOption .form-select, .wob .tariff-wrap .headingh2, .wob .innerBanner h2, .wob .changePswd label, .wob .serPrvdrList h2 { color:var(--sttl-theme-white); }
.wob .headerRow{ border-bottom: 3px solid var(--sttl-theme-yellow); }
.wob .BoostrapDropdownBox .Button:hover, .wob .AccessibilitySearch .Button.RegisterNow:hover, 
.wob .BoostrapDropdownBox .Button:focus, .wob .AccessibilitySearch .Button.RegisterNow:focus{ background-color:var(--sttl-theme-green); color:var(--sttl-theme-black); }
.wob div#AccessibilityControl ul { background-color: #231f20;border:1px solid var(--sttl-theme-yellow); }
.wob div#AccessibilityControl ul li{ border: 1px solid #4c4c4c; }
.wob div#AccessibilityControl .Heading { background-color: var(--sttl-theme-yellow);color:var(--sttl-theme-black); }
.wob div#AccessibilityControl .AccessibilityClick, .wob .CaptchaWrapFlex .btn:hover .fa-refresh{ color:var(--sttl-theme-black); }
.wob div#AccessibilityControl ul li a, .wob .centuryLink ul li a, .wob .viewAll, .wob .tspviewall,
.wob .arrowNext span, .wob .arrowPrev span, .wob .breadcrumb li.breadcrumb-item.active, .wob .detail404 h2,
.wob .CaptchaWrapFlex .btn .fa-refresh, .wob .form-footer p a{ color:var(--sttl-theme-yellow); }
.wob div#AccessibilityControl ul li a:hover, .wob a.fdback:hover, .wob .arrowNext span:hover, .wob .arrowPrev span:hover,
.wob .form-footer p a:hover{ color:var(--sttl-theme-green); }
.wob .mapinner { background: #231f20; }
.wob .searchbtn, .wob .secondaryButton, .wob .readMore { background: transparent; border: 1px solid var(--sttl-theme-yellow); color: var(--sttl-theme-yellow); }
.wob .searchbtn:hover, .wob .secondaryButton:hover, .wob .readMore:hover { border: 1px solid var(--sttl-theme-green); background: var(--sttl-theme-green); color: var(--sttl-theme-black); }
.wob .centuryLink ul li a:hover, .wob .viewAll:hover, .wob .tspviewall:hover{ color:var(--sttl-theme-green); }
.wob .centuryLink ul li{ border-bottom: 1px solid #484848; }
.wob .tariffPlansSection:after { content: ""; position: absolute; top: 0; bottom: 0; width: 100%; background: rgb(0 0 0 / 90%); z-index: -1; }
.wob .TSPCardSection { background: #231f20; }
.wob .buttonLink{ background: var(--sttl-theme-yellow); }
.wob .buttonLink:hover{ background:var(--sttl-theme-green); color:var(--sttl-theme-black); }
.wob .planSelectOption .form-select{ background:#231f20 url(../images/chevron-down-white.png) 0 0 no-repeat;background-position: right 0.75em center; background-size:1em; }
.wob .search-box-btn{ background: var(--sttl-theme-yellow); border: 1px solid var(--sttl-theme-yellow); } 
.wob .search-box-btn:hover{ background:var(--sttl-theme-green);border: 1px solid var(--sttl-theme-green); color:var(--sttl-theme-black); }
.wob .planLIstSection li { background: #cfcfcf; }
.wob .scrollbar-thumb { background: var(--sttl-theme-yellow) !important; }
.wob .scrollbar-track { border-right: 1px solid var(--sttl-theme-white) !important; }
.wob .border-right:after{ background-color: #646464; }
.wob .bg-color{ border-color: #646464; }
.wob .custom-front-login-card, .wob .changePswd { background: #231f20 !important; }
.wob .CaptchaWrapFlex .btn { border: 1px solid var(--sttl-theme-yellow); }
.wob .form-footer button.btn.btn-primary, .wob .changePswd .changePassword { border: 1px solid var(--sttl-theme-yellow); color: var(--sttl-theme-yellow); }
.wob .form-footer button.btn.btn-primary:hover, .wob .changePswd .changePassword:hover{ background:var(--sttl-theme-green); border: 1px solid var(--sttl-theme-green); color:var(--sttl-theme-black); }
.wob .CaptchaWrapFlex .btn:hover{  background:var(--sttl-theme-green); border: 1px solid var(--sttl-theme-green); }
.wob.hasJS #nav ul, .wob .logindrop ul { background: #231f20; }
.wob .smoke { background-color: rgb(64 64 64 / 100%); border: 2px solid var(--sttl-theme-yellow); }
.wob .dialog-buttons { border-top: 1px solid #616264; }
.wob .smoke-base .dialog-inner button { border: 1px solid var(--sttl-theme-yellow); color: var(--sttl-theme-yellow); background: #404040; }
.wob .smoke-base .dialog-inner button:hover{ background: var(--sttl-theme-green); border: 1px solid var(--sttl-theme-green); color: var(--sttl-theme-black); }
.wob .detail404 { border: 1px solid var(--sttl-theme-yellow);background: #231f20; }
.wob .detail404 .largeText { text-align: center; color: var(--sttl-theme-yellow); }
.wob .detail404 h3 { color: var(--sttl-theme-white); border-bottom: 1px solid var(--sttl-theme-white); }
.wob .detail404 .button:hover { background-color: var(--sttl-theme-wob-green); color: var(--sttl-theme-black); border-color: var(--sttl-theme-wob-green); }
.wob .detail404 p .button { background: transparent; color: var(--sttl-theme-yellow); border: 1px solid var(--sttl-theme-yellow); transition: all 0.4s; border-radius: 5px; }
.wob .detail404 h2:before, .wob .detail404 h2:after { background-color: var(--sttl-theme-yellow); }
.wob .detail404 p .button:hover { background: var(--sttl-theme-green); color: var(--sttl-theme-black);border: 1px solid var(--sttl-theme-green); }
.wob .logindrop button.btn:focus{ background:var(--sttl-theme-green);color:var(--sttl-theme-black); }
.wob .ftborder { border-right: 1px solid #646464; }
.wob #backtotop{ background:#231f20; border:2px solid var(--sttl-theme-yellow); }
.wob #backtotop:before{ color:var(--sttl-theme-yellow); }
.wob #backtotop:hover{ background:var(--sttl-theme-green);border:2px solid var(--sttl-theme-green); }
.wob #backtotop:hover:before{ color:var(--sttl-theme-black); }
.wob .search-box-outer .dropdown-menu{ border-top: 3px solid #fce648; }
.wob #nav ul li a, .wob .logindrop ul li a{ border-top: 1px solid #3c3c3c; }
.wob .arrowNext:before, .wob .arrowPrev:before{ color:var(--sttl-theme-yellow); }
.wob .innerBanner { background: #1c1819;  }
.wob .btn-update { border: 1px solid var(--sttl-theme-yellow); color: var(--sttl-theme-yellow); background: transparent; }
.wob .btn-update:hover{ border: 1px solid var(--sttl-theme-green); }
.wob .pagination .input-group .btn { transition: all 0.4s; border: 1px solid var(--sttl-theme-yellow); color: var(--sttl-theme-yellow);box-shadow:none; }
.wob .pagination .input-group .btn:hover{ background: var(--sttl-theme-green); border: 1px solid var(--sttl-theme-green); color: var(--sttl-theme-blue); }
.wob .pagination .form-control[readonly] { background: var(--sttl-theme-green); color: var(--sttl-theme-black); border: 1px solid var(--sttl-theme-green); margin-left: 0.3em !important; }
.wob .loginbtn a:hover, .wob .loginbtn a:focus{ background: var(--sttl-theme-green); color: var(--sttl-theme-black); }
.wob .input-group-append button { color: var(--sttl-theme-black); background: var(--sttl-theme-yellow); border: 1px solid var(--sttl-theme-yellow); }
.wob .input-group-append button:hover{ background:var(--sttl-theme-green);border: 1px solid var(--sttl-theme-green); color:var(--sttl-theme-black); }
/*inner page*/
.wob .tariffReportPlan { background: #231f20; }
.wob .tariffReportPlan .nav-link.active{ background:var(--sttl-theme-green); color:var(--sttl-theme-black); }
.wob .rdio-primary input[type=radio]:checked + label::after{ background-color: #231f20; }
.wob .rdio-primary input[type=radio]:checked + label:before { border-color: #231f20; background: #231f20; }
.wob .nav-link:focus-visible { box-shadow: 0 0 0 .25rem #231f20; }
.wob .tariffReportPlan .nav-link { background: var(--sttl-theme-yellow);border: 1px solid var(--sttl-theme-yellow); color: var(--sttl-theme-black); }    
.wob .rdio label:before { border: 1px solid var(--sttl-theme-black); background: var(--sttl-theme-black); }
.wob .custom-checkbox > [type=checkbox]:not(:checked) + label:after, .wob .custom-checkbox > [type=checkbox]:checked + label:after{ color: var(--sttl-theme-yellow); }
.wob .custom-checkbox > [type=checkbox]:not(:checked) + label:before, .wob .custom-checkbox > [type=checkbox]:checked + label:before{ border: 1px solid var(--sttl-theme-yellow); background: #231f20; }
.wob .cust-datepicker .form-control:disabled, .wob .cust-datepicker .form-control[readonly] { background: var(--sttl-theme-yellow); border: 1px solid var(--sttl-theme-yellow); }
.wob .cust-datepicker:before, .wob .dateRange-datepicker:before{ filter: grayscale(1) invert(1) contrast(4); }
.wob .cust-datepicker input::-webkit-input-placeholder { color: var(--sttl-theme-black); }
.wob .cust-datepicker input::-moz-placeholder { color: var(--sttl-theme-black); }
.wob .cust-datepicker input:-ms-input-placeholder { color: var(--sttl-theme-black); }
.wob .cust-datepicker input:-moz-placeholder { color: var(--sttl-theme-black); }
.wob .tariffProductReport .tab-pane, .wob .result-foundWrap { background: #161415; border-color: #161415; }
.wob .tariffProductReport .tab-pane .form-label{ color:var(--sttl-theme-white); }
.wob .srchbtn { background: var(--sttl-theme-yellow);color: var(--sttl-theme-black); }
.wob .srchbtn:hover { background: var(--sttl-theme-green); }
.wob #myTabContent .form-select, .wob #myTabContent input{ background-color:#161415; color:var(--sttl-theme-white); }
.wob .rental input::-webkit-input-placeholder { color: var(--sttl-theme-white); }
.wob .rental input::-moz-placeholder { color: var(--sttl-theme-white); }
.wob .rental input:-ms-input-placeholder { color: var(--sttl-theme-white); }
.wob .rental input:-moz-placeholder { color: var(--sttl-theme-white); }
.wob .dateRange-datepicker input::-webkit-input-placeholder { color: var(--sttl-theme-white); }
.wob .dateRange-datepicker input::-moz-placeholder { color: var(--sttl-theme-white); }
.wob .dateRange-datepicker input:-ms-input-placeholder { color: var(--sttl-theme-white); }
.wob .dateRange-datepicker input:-moz-placeholder { color: var(--sttl-theme-white); }
.wob .cst-colgrid .withdrawn{ background:#231f20; color:var(--sttl-theme-white); }
.wob .xlsdownload span { color: var(--sttl-theme-white); }
.wob .xlsdownload a { background: var(--sttl-theme-yellow); }
.wob .buttonall .saveDraft, .wob .buttonall .btn-submit:hover{ border: 1px solid var(--sttl-theme-yellow);background: var(--sttl-theme-yellow); }
.wob .buttonall .saveDraft:hover, .wob .buttonall .btn-submit{ border: 1px solid var(--sttl-theme-green);background: var(--sttl-theme-green); color:var(--sttl-theme-black); }
.wob .topstrick .form-select{ background: #161415 url(../images/chevron-down-white.png) 0 0 no-repeat;background-position: right 0.75em center;color:var(--sttl-theme-white);border:1px solid var(--sttl-theme-yellow); background-size:1em; }
.wob .tifPlan input{ background: #161415;color:var(--sttl-theme-white); border:1px solid var(--sttl-theme-yellow); }
.wob .search-box-btn:before, .wob .search-btn:before{ color:var(--sttl-theme-white); }
.wob .search-box-outer .search-box-btn:before { color: var(--sttl-theme-black); }
.wob #myTabContent .form-select { background: #161415 url(../images/chevron-down-white.png) 90% 18px no-repeat; background-position: right 0.75em center; }
.wob .colorBorder { border: 1px solid var(--sttl-theme-yellow); color: var(--sttl-theme-yellow); background: #161415; }
.wob .grayBorder{ border: 1px solid var(--sttl-theme-yellow); color: var(--sttl-theme-yellow); background: #161415;  }
.wob .grayBorder:hover{ border: 1px solid var(--sttl-theme-yellow); color: var(--sttl-theme-black); background: var(--sttl-theme-yellow); }
.wob .colorBorder:hover, .wob .grayBorder:hover{ color: var(--sttl-theme-black);border: 1px solid var(--sttl-theme-green); background: var(--sttl-theme-green); }
.wob .rst24, .wob .aboutplContant h2, .wob .aboutplContant p, .wob .headingh18, .wob .typlist .withdrawn label, .wob .call-detail,
.wob .lefttrafplan .accordion .card-body, .wob .modal-title{ color: var(--sttl-theme-white); }
.wob .mainresult-found{ background:#e7e7e7;border: 1px solid #555555; }
.wob .result-foundWrap .mainresult-found{ background: #2c2c2c; }
.wob .mainresult-found.bglight { background: #f7f7f7; }
.wob .Taff-Types { background: #100e0e; }
.wob .Taff-Typesinner { background: #231f20; }
.wob .typlist .withdrawn{ background:#231f20 }
.wob .acdion-Inner .accordion .card h2.collapsed { background: #231f20  url(../images/acc-arrorDown.png) 0 0 no-repeat; background-position: right 0.75em center;color:var(--sttl-theme-white); }
.wob .acdion-Inner .accordion .card h2 { background: #ff0 url(../images/acc-arrorUp.png) no-repeat calc(100% - 10px) center;
    background-position: right 0.75em center; color:var(--sttl-theme-black); }
.wob .acdion-Inner .accordion .card-body { border: 1px solid #231f20; background: #100e0e; }
.wob ul.all-list li { background: transparent; color: var(--sttl-theme-white); }
.wob .acdion-Inner{ background: #100e0e; }
.wob .acdion-Inner .accordion .card-body{ border-radius:0; }
.wob .acdion-Inner .accordion .card { border: 1px solid #f9e753; }
.wob .Taff-Types .buttonall .saveDraft{ color:var(--sttl-theme-black); }
.wob .lefttrafplan { background: #100e0e; }
.wob .lefttrafplan.PrepaidCombo { background: transparent; }
.wob .reset, .wob .reset:after{ color:var(--sttl-theme-green); }
.wob .reset:hover, .wob .reset:hover:after { color: var(--sttl-theme-yellow); }
.wob .lefttrafplan .accordion .card{ background: #231f20; }
.wob .PrepaidCombo .accordion .card h2.tariff_summaryDw { background:#231f20 url(../images/grayarrow-down.png) 0 0 no-repeat; background-position: right 0.75em center;margin:0; background-size:1.7em; }
.wob .PrepaidCombo .accordion .card h2.tariff_summaryUp { background:#ff0 url(../images/grayarrowup.png) no-repeat calc(100% - 10px) center; background-position: right 0.75em center; cursor: pointer; font-size: var(--sttl-theme-font-15); padding: 16px; background-size:1.7em;border-radius:8px 8px 0 0; }
.wob .tariff_summaryDw .listingAcco li span { color:var(--sttl-theme-yellow); }
.wob .tariff_summaryDw .listingAcco li { list-style: none; font-size: var(--sttl-theme-font-15); color: var(--sttl-theme-white); }
.wob .tariff_summaryUp .listingAcco li { color: var(--sttl-theme-black); }
.wob .tariff_summaryUp .listingAcco li span{ color: #0027ff; }
.wob .collapsed .listingAcco li { color: var(--sttl-theme-white); }
.wob .collapsed .listingAcco li span { color: #0027ff; }
.wob .card-body.operatorPlan{ padding-top: 1em; }
.wob .lefttrafplan .planLIstSection li { background: transparent;color: var(--sttl-theme-white); }
.wob .operatorPlan .withdrawn .custom-checkbox > [type=checkbox]:not(:checked) + label:before, .wob .operatorPlan .withdrawn .custom-checkbox > [type=checkbox]:checked + label:before {
    border: 1px solid var(--sttl-theme-yellow);background: transparent; }
.wob #inner-scrollbar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px #000; background-color: var(--sttl-theme-black); }
.wob #inner-scrollbar::-webkit-scrollbar-thumb { border-radius: 20px; -webkit-box-shadow: inset 0 0 1px #000;  background-color: var(--sttl-theme-yellow); }
.wob .tariffProductReport .accordion-button:not(.collapsed) { color: var(--sttl-theme-black); background-color: var(--sttl-theme-yellow); border-radius: 8px 8px 0 0; box-shadow: 0 0px 0px 1px var(--sttl-theme-yellow); }
.wob .tariffProductReport .accordion-button:not(.collapsed)::after { filter: initial; }
.wob .tariffProductReport .accordion { background: #161415; border-radius: 8px; }
.wob .tariffProductReport, .wob .dataTableMain{  background:var(--sttl-theme-black); }
.wob .customModal .modal-content { background: #100e0e;border:1px solid #2e2e2e; }
.wob .following-options ul li span{ background:var(--sttl-theme-yellow); color:var(--sttl-theme-black); }
.wob .following-options ul{ background: #231f20;border: 1px solid var(--sttl-theme-yellow); color: var(--sttl-theme-white); } 
.wob .confirmbtn-Modal { background: var(--sttl-theme-yellow); border: 1px solid var(--sttl-theme-yellow);color: var(--sttl-theme-black); }
.wob .editbtn-Modal, .wob .cancelbtn-Modal { border: 1px solid var(--sttl-theme-yellow); background: transparent; color: var(--sttl-theme-yellow); }
.wob .confirmbtn-Modal:hover, .wob .editbtn-Modal:hover, .wob .cancelbtn-Modal:hover{ background:#80ff00;border:1px solid #80ff00;color:var(--sttl-theme-black);  }
.wob .Wrapsearch-Terrif .mainresult-found{ background: #100e0e; }
.wob .talktime p{  color:var(--sttl-theme-white); }
.wob .lefttrafplan .accordion .card h2.collapsed .listingAcco li span{ color:var(--sttl-theme-yellow); }
.wob .lefttrafplan .accordion .card h2.collapsed { background: url(../images/chevron-down-white.png) 0 0 no-repeat; background-position: right 0.75em center; background-size: 1em;
    color: var(--sttl-theme-white); }
.wob .lefttrafplan .accordion .card h2 { background:#ff0 url(../images/chevron-upblack.png) no-repeat center;background-size:1em;background-position:right 0.75em center; }
.wob .PrepaidCombo .cust-tabledata .table thead th, .wob .PrepaidCombo .cust-tabledata .table thead td{ background: #231f20; }
.wob .PrepaidCombo .card-body .cust-tabledata table{ border:none;margin-bottom:0; }
.wob .PrepaidCombo .card-body .cust-tabledata table tr:nth-child(odd) td, .wob .PrepaidCombo .cust-tabledata .tableRowOdd { background-color: #404040; color: var(--sttl-theme-white); }
.wob .PrepaidCombo .card-body .cust-tabledata table td{ background-color: #363636; }
.wob .PrepaidCombo .accordion .card{ border: 1px solid var(--sttl-theme-yellow); }
.wob .headingDeffout{ color:var(--sttl-theme-white); }
.wob #myTabContent .form-select { background: #161415 url(../images/chevron-down-white.png) 0 0 no-repeat; background-position: right 0.75em center; color: var(--sttl-theme-white); }
.wob #myTabContent .form-select, .wob #myTabContent input { border: 1px solid var(--sttl-theme-yellow); }
.wob .tifPlan input::-webkit-input-placeholder { color: var(--sttl-theme-white); }
.wob .tifPlan input::-moz-placeholder { color: var(--sttl-theme-white); }
.wob .tifPlan input:-ms-input-placeholder { color: var(--sttl-theme-white); }
.wob .tifPlan input:-moz-placeholder { color: var(--sttl-theme-white); }
.wob .Taff-Typesinner .form-label { color: var(--sttl-theme-white); }
.wob .dataTableWrap .table thead th, .wob .dataTableWrap .table thead td { background: #231f20;border-bottom:none;border-top: none; } 
.wob .dataTableWrap .table { border-color: #767676; border-bottom:1px solid #767676}
.wob .dataTableWrap .table td, .wob .dataTableWrap .table th{ border-bottom: none; border-color: #767676; }
.wob .dataTableWrap table tr:nth-child(odd) td, .dataTableWrap .tableRowOdd { background-color: #404040; color: var(--sttl-theme-white); }
.wob .dataTableWrap th, .wob .dataTableWrap td, .wob .dataTableWrap .tableData th, .wob .dataTableWrap .tableData td{ background: #363636;color: var(--sttl-theme-white); }
.wob .sitemapWrap{ background:var(--sttl-theme-black); }
.wob .sitemap .sitemap-menu > li > ul > li > ul li > a { transition: 500ms all; background: var(--sttl-theme-black);   }
.wob .sitemap .sitemap-menu > li > ul > li > ul li > a:hover, .wob .sitemap .sitemap-menu > li > ul > li > a:hover { color: var(--sttl-theme-black); background: var(--sttl-theme-green); }
.wob .sitemap .sitemap-item ul li a { color: var(--sttl-theme-yellow); background: transparent; }
.wob .sitemap .sitemap-menu > li > a { border: 1px solid var(--sttl-theme-lgray); }
.wob .sitemap .sitemap-item ul li a:hover { background: var(--sttl-theme-green);border: 1px solid var(--sttl-theme-green); color: var(--sttl-theme-black); }
.wob .sitemap .sitemap-menu > li > ul:after{ background: var(--sttl-theme-lgray); }
.wob .sitemap .sitemap-menu > li > ul { border-left: 1px solid var(--sttl-theme-lgray); }
.wob .sitemap .sitemap-item ul li ul li::before { color: var(--sttl-theme-lgray); }
.wob .sitemap .sitemap-item ul li ul.menu li:after{ border-top:1px solid var(--sttl-theme-lgray); }
.wob .sitemap .sitemap-item ul li ul li > a::after { border-top: 1px solid var(--sttl-theme-lgray); }
.wob .heading4, .wob .boxHalf p, .wob .innerContant p, .wob .terms-Use p, .wob .helpWrap p, .wob .headingNormal, .wob .custLink li{ color:var(--sttl-theme-white); }
.wob .cust-tabledata .table thead th, .wob .cust-tabledata .table thead td { background: #484848; }
.wob .helpTable .table-bordered { border: 1px solid #444444; }
.wob .helpTable table tr:nth-child(odd) td { background-color:#323232; color:var(--sttl-theme-white); }
.wob .helpTable th, .wob .helpTable td{  background-color: #323232; color:var(--sttl-theme-white); }
.wob .adobelink img, .wob .helpTable table tbody tr td img { filter:grayscale(1) invert(1) contrast(4); }
.wob .helpTable th, .wob .helpTable td, .wob .helpTable th, .wob .helpTable td { border-bottom: 1px solid #555555; border-right: 1px solid #555555; }
.wob .helpTable table td a{ color:var(--sttl-theme-white); }
.wob .boxHalf { background: #231f20; border: 1px solid var(--sttl-theme-yellow); }
.wob .downloadbtn { background: var(--sttl-theme-yellow); border: 1px solid var(--sttl-theme-yellow);color:var(--sttl-theme-black); }
.wob .downloadbtn:hover{ background: var(--sttl-theme-green); border: 1px solid var(--sttl-theme-green); } 
.wob .sitemap .sitemap-item ul li ul.menu li a{ border:1px solid var(--sttl-theme-white); }
.wob .bottomFilterRight ul button{ border: 1px solid var(--sttl-theme-yellow); color: var(--sttl-theme-yellow); }
.wob .bottomFilterRight ul button:hover{ background: var(--sttl-theme-green); border: 1px solid var(--sttl-theme-green); color: var(--sttl-theme-black); }
.wob .bottomFilterRight ul button.active{ border: 1px solid var(--sttl-theme-green); background:var(--sttl-theme-green);color: var(--sttl-theme-black); }
.wob .total-record { color: var(--sttl-theme-white); }
.wob .lefttrafplan.faqinnerMain { background: transparent; }
.wob .card .service_provider label::before{ border: 1px solid #fcff30; }
.wob .card .service_provider label::after{ background-color: #fcff30;border: 1px solid #fcff30; }
.wob .card .service_provider input[type="radio"]:checked+label::before { border-color: #fcff30; }
.wob .chosen-container-multi .chosen-choices { background: #161415; color: var(--sttl-theme-white);border: 1px solid var(--sttl-theme-yellow); height: 2.8125em; }
.wob .chosen-container-multi .chosen-choices .search-field input[type="text"]{ color:var(--sttl-theme-white); }
.wob .palnAccordion select { background:#231f20 url(../images/chevron-down-white.png) right 0 no-repeat;background-size: 1em;background-position: right 0.75em center;color: var(--sttl-theme-white);border: 1px solid var(--sttl-theme-yellow);font-size:var(--sttl-theme-font-14); }
.wob .Taff-Typesinner select { background:#231f20 url(../images/chevron-down-white.png) right 0 no-repeat;background-size: 1em; background-position: right 0.75em center;color: var(--sttl-theme-white);border: 1px solid var(--sttl-theme-yellow); }
.wob .mapinner select.form-select { background: #231f20 url(../images/chevron-down-white.png) 0 0 no-repeat; background-position: right 0.75em center;color:var(--sttl-theme-white);background-size:1em; }
.wob .lefttrafplan input.rangeslider{ color:var(--sttl-theme-yellow);border: 1px solid var(--sttl-theme-yellow); }
.wob .card-body.operator_list::-webkit-scrollbar-thumb { border-radius: 20px; -webkit-box-shadow: inset 0 0 0px var(--sttl-theme-lblack);  background-color: var(--sttl-theme-yellow); }
.wob .card-body.operator_list::-webkit-scrollbar { border-radius: 20px; width: 5px; background-color: var(--sttl-theme-lblack); }
.wob .custom-front-login-card .form-control { background: transparent; color: var(--sttl-theme-white);border:1px solid var(--sttl-theme-yellow); }
.wob .custom-front-login-card select.form-control { background: #231f20 url(../images/chevron-down-white.png) right 0 no-repeat; background-size: 1em; background-position: right 0.75em center; color: var(--sttl-theme-white); border: 1px solid var(--sttl-theme-yellow); }
.wob .centuryLink .companyLogo { margin-bottom: 15px; background: var(--sttl-theme-white); border-radius: 8px; overflow: hidden;padding:15px; }
.wob .isptsp::-webkit-scrollbar-track { width: 1px; background-color: var(--sttl-theme-yellow); }
.wob .isptsp::-webkit-scrollbar-thumb { border-radius: 20px; -webkit-box-shadow: inset 0 0 0px var(--sttl-theme-black);  background-color: #9146B2; }
.wob .isptsp::-webkit-scrollbar { border-radius: 20px; width: 5px; background-color: var(--sttl-theme-black); }
.wob .providerTable .table { border: 1px solid #555555; }
.wob .providerTable table tr:nth-child(odd) td { background: #323232; color: var(--sttl-theme-white); border-bottom: 1px solid #555555; border-right: 1px solid #555555; }
.wob .providerTable .table tbody td { background: #323232; color:var(--sttl-theme-white); border-top: none; border-right: 1px solid #555555; border-bottom: 1px solid #555; }
.wob .providerTable .table thead th { background: #484848; border-top: 1px solid #555555; border-bottom: 1px solid #555555; border-right: 1px solid #555555; }
.wob .topstrick .form-select.chosen-select{ background: #161415; }
.wob .tableOut tbody::-webkit-scrollbar-thumb { border-radius: 20px; -webkit-box-shadow: inset 0 0 0px var(--sttl-theme-lblack);  background-color: var(--sttl-theme-yellow); }
.wob .tableOut tbody::-webkit-scrollbar { border-radius: 20px; width: 1px; background-color: var(--sttl-theme-lgray); }
.wob .tabContentBody tbody::-webkit-scrollbar-thumb { border-radius: 20px; -webkit-box-shadow: inset 0 0 0px #fff;  background-color: var(--sttl-theme-yellow); }
.wob .tabContentBody tbody::-webkit-scrollbar { border-radius: 20px; width: 1px; background-color: var(--sttl-theme-lgray); }
.wob label#stateName, .wob .error-page__heading-title { color: var(--sttl-theme-white); }
.wob .custom-front-login-card .captchaSet input::-webkit-input-placeholder { color: var(--sttl-theme-white); }
.wob .custom-front-login-card .captchaSet input::-moz-placeholder { color: var(--sttl-theme-white); }
.wob .custom-front-login-card .captchaSet input:-ms-input-placeholder { color: var(--sttl-theme-white); }
.wob .custom-front-login-card .captchaSet input:-moz-placeholder { color: var(--sttl-theme-white); }
.wob .serPrvdrList table { border-color: #555555; }
.wob .serPrvdrList .table thead th, .wob .serPrvdrList .table tbody td { background: #484848; color: var(--sttl-theme-white); border-top: none; border-bottom: 1px solid #555555; border-right: 1px solid #555555; }
.wob .serPrvdrList .tableOut table tr td { background: #323232; color:var(--sttl-theme-white);border-top:none; border-bottom: 1px solid #555555; border-right: 1px solid #555555;}
.wob .serPrvdrList table tr:nth-child(odd) td, .wob .serPrvdrList .tableRowOdd { background-color: #323232; color: var(--sttl-theme-white);  border-top: none; }
.wob .custom_collapse .card-body { border: none; }
.wob .searchBtn label.visually-hidden {background: var(--sttl-theme-black);color: var(--sttl-theme-white); }
.wob .red { color: #ff5757; }
.wob .form-group small{ background: #AD0000; }
.wob .text-danger{ color: #ff5757 !important; }