@charset "utf-8";

/* CSS Document */
html {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Medium.woff2') format('woff2'),
    url('../fonts/Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Bold.woff2') format('woff2'),
        url('../fonts/Inter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Italic.woff2') format('woff2'),
    url('../fonts/Inter-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Light.woff2') format('woff2'),
        url('../fonts/Inter-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.woff2') format('woff2'),
        url('../fonts/Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('../fonts/NotoSerif-Bold.woff2') format('woff2'),
        url('../fonts/NotoSerif-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('../fonts/NotoSerif-Italic.woff2') format('woff2'),
        url('../fonts/NotoSerif-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('../fonts/NotoSerif-Light.woff2') format('woff2'),
        url('../fonts/NotoSerif-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('../fonts/NotoSerif.woff2') format('woff2'),
        url('../fonts/NotoSerif.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Serif Med';
    src: url('../fonts/NotoSerif-Medium.woff2') format('woff2'),
        url('../fonts/NotoSerif-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


body {
	margin:0;
	padding:0;
	font-family:'Noto Serif';
	background:#f1f1f1;
	color: #111F44 !important;
}
.top-black {
    background-color:#0da8f0!important;
    color:#fff !important;
    height:auto;
    width:100%;
}
.top-black a {
    color: #fff !important;
}

h1, h2, h3, h4, h5, h6{
	 font-family: 'Inter' !important;
    font-weight: bold !important;
    color: #0078D5 !important;
}

.top-black a.joinnow {
    background: #fff;
    font-size: 15px;
    padding: 12px 24px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #0da8f0!important;
    margin: 10px 0;
    height: auto;
    display: inline-block;
    float: left;
    line-height: initial;
}
.top-black span {
    margin-top: 10px;
    display: inline-block;
}
.top-black span.mailto {
    margin-right:70px;
}
.top-black span i {
    margin-right: 10px;
    font-weight: bold;
}
.header-area {
	height:auto;
	background:linear-gradient(90deg, #111f44 0%, #111f44 100%) !important;
	padding:5px 0 25px;
	
}
.getfreephone {
	background-color:#4b286d !important;
	border-radius:10px;
	padding:10px;
	font-weight: bold;
	border-color:#4b286d !important;
}
.getfreephone:hover {
	background-color:#6ebe44 !important;
	border-radius:10px;
	padding:10px;
	font-weight: bold;
	border-color:#6ebe44 !important;
}
.navbar.navbar-icon-top a.navbar-brand img {
    width: 172px;
}

.footer_logo_wrp{
	margin-bottom: 30px;
}

.footer_logo_wrp .footer-logo {
    width: 170px;
    margin: 70px auto 40px;
    display: block;
}
.footer-area .footer_copyright p {
    color: #fff;
    font-family: 'Noto Serif';
    font-size: 14px;
    font-weight: 600;
}
.footer_term {
    text-align: right;
    color: #fff;
}
.footer-area .footer_term a {
    color: #fff;
    font-family: 'Noto Serif';
    font-size: 14px;
    font-weight: 600;
    padding: 0 2px;
}
.signup-bt {
    background-color: #0da8f0 !important;
    border-radius: 0px;
    padding: 10px;
    font-weight: bold;
    border-color: #0da8f0;
    min-width: 200px;
}

.signup-bt:hover {
  background: #54595f;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

#paymentModal #other_card .signup-bt {
    min-width: 200px;
    border-radius: 10px !important;
    background-image: linear-gradient(to right, #0078D5, #111F44);
    border: none;
}

#paymentModal #paymentModalLabel {
    color: #111F44 !important;
}


.btn-light {
    color: #fff;
    background-color: #6ebe44 !important;
    border-color: #6ebe44;
	 border-radius:5px !important;
    padding: 10px;
}
.btn-light:hover {
    background: #5ca138;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.gary-bg{padding: 15px;background: #e9e9e9;}
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;

  & > [class^="col-"],
  & > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}
.blue-head{color:#0341b0}
#google_translate_element {
    position: initial;
    z-index: 999;
    right: 100%;
    background: linear-gradient(90deg, #111f44 0%, #111f44 100%) !important;
    /* height: 50px; */
    text-align: right;
}
#google_translate_element .skiptranslate.goog-te-gadget{font-size: 0px;}
#google_translate_element .skiptranslate span{ display: none}
.goog-te-gadget .goog-te-combo {
    margin: 4px 0;
    margin: 4px 10px 0 0 !important;
    padding: 4px;
    border: 1px solid;
    width: 125px;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 12px;
    background-color: #fff;
}

.skiptranslate iframe{display: none}

div#goog-gt- {
    display: none !important;
}
.VIpgJd-yAWNEb-L7lbkb{
    display: none !important;
}
.skip-link{
	display: none !important;
}
.VIpgJd-yAWNEb-L7lbkb.skiptranslate {
    display: none!important;
}
.toggle-password.field-icon{float: right;
    margin: 10px;
    margin-top: -34px;
    position: relative;
    z-index: 2;}

.newmdndesign
     {
    max-width: 500px;
    display: flex;
    background-color: #fff;
    margin: 80px auto;
    padding: 50px 20px;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 1px 10px #111f44;
    border-radius: 5px;
}

.newmdndesign .mdnbutton{text-align: center;}


/*new*/


.updatemailing_process {background-color: #f1fdc0;padding: 10px 0;}
.updatemailing_process p.mailheading {font-weight: bold;margin-bottom: 0;color: #000;font-size: 20px;line-height: 25px;}
.updatemailing_process p.add{font-size: 14px;  font-weight: 500;}
.updatemailing_process .upgrade_box {margin: 0;    align-items: center;     justify-content: end;}

.updatemailing_process .upgrade_box button {
    border-radius: 30px;
    color: #fff;
    background-color: #0a142a;
    padding: 8px;
    min-width: 130px;
    font-size: 16px;
    cursor: pointer;
}
.openlifelinepopup .modal-body {
    background-color: #ffffff;
    padding-bottom: 30px;
}

.openlifelinepopup .modal-body .custome_label {
   color: #002d5f;
}
.openlifelinepopup .chkContinueBtn {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 20px;
    padding: 10px 40px;
    min-width: 140px;
    outline: none;
    cursor: pointer;
    background-color: #000;
    display: flex;
    align-items: center;
    /* text-align: center; */
    justify-content: center;
    text-transform: uppercase;
}
.openlifelinepopup .chkContinueBtn:hover {
    background-image: linear-gradient(to right, #045ba2, #111f44);
}
.openlifelinepopup button.close {
    outline: none;
        opacity: 1;
    color: #fff;
}
.openlifelinepopup .modal-header {
    background-color: #002d5f;
}

.openlifelinepopup .modal-header h5 {
    color: #fff !important;
        font-size: 1.15rem;
}
.openlifelinepopup .modal-body input {
    border: 1px solid #002d5f;
}




@media (min-width: 1992px){
.navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 14px !important;}
}



@media (min-width: 992px){
	#navbarSupportedContent {
    display: inline-block!important;
    text-align: right;
}




#navbarSupportedContent .navbar-nav {
    float: right;
}
}

@media (max-width: 992px){
.top-black .call_wrp {
 display: none;
}

.start-streaming {
    float: left;
    margin: 12px 10px 0 0 !important;
    padding: 0;
    font-size: 14px !important;
}

.top-black a.joinnow {
    background: #fff;
    font-size: 12px;
    padding: 12px 24px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #0da8f0!important;
    margin: 10px 0;
    height: auto;
    display: inline-block;
    float: right;
    line-height: initial;
}


}


.navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link {
    font-size:16px;
    color: #fff!important;
    font-weight: normal;
	font-family:'Inter';
	    padding: 0 4px;
}


.footer_mail {
    text-align: right;
}
.footer_mail span.mailto, .footer_call span  {
    color: #fff;
}
.footer_call {
    text-align: left;
}
.footer-area .footer_logo_wrp h3 {
    color: #6ec1e4;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}
.start-streaming {
    float: left;
    margin: 12px 30px 0 0;
    padding: 0;
    font-size: 15px;
}
.social_wrp {
    display: block;
    text-align: center;
}
.social_wrp a {
    width: 35px;
    display: inline-block;
    height: 35px;
    background-color: red;
    line-height: 35px;
    border-radius: 50%;
    color: #fff;
    margin-right: 10px;
}



.social_wrp a.facebook{
	background-color: #3b5998;
}

.social_wrp a.twitter{
	background-color: #1da1f2;
}

.social_wrp a.youtube{
	background-color: #cd201f;
}

.social_wrp a.instagram{
	background-color:#262626;
}

.social_wrp {
    display: block;
    text-align: center;
}
/*end new*/

/*popup tab*/
#eligibilityModal .nav-tabs {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
}
#eligibilityModal .nav-tabs li .active.show {
  background: #fff;
}
#eligibilityModal .nav-tabs > li > a .fa.fa-user.pr.text-muted {
  font-size: 17px;
  margin-right: 6px;
}
#eligibilityModal .nav-tabs > li > a .fa {
  font-size: 13px;
  margin-right: 3px;
}
#eligibilityModal .nav-tabs > li > a {
  font-weight: 400;
  color: #585f69;
  background-color: #f4f5f5;
  margin: 0;
  border: 1px solid #e6e9ee;
  border-radius: 0;
  padding: 8px 18px;
  cursor: pointer;
}
#eligibilityModal .nav-tabs > li > a:hover {
  text-decoration:none;
}
#eligibilityModal .tab-content {
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #e6e9ee;
  padding: 10px 0 !important;
}
#eligibilityModal .nav.nav-tabs li {
  width: auto!important;
}
#eligibilityModal .nav.nav-tabs li a {
  display: block;
  margin-bottom: 0 !important;
}
@media screen and (max-width: 575px) {
  #eligibilityModal .nav-tabs {
    padding: 0px !important;
    margin-bottom: 0px;
    display: grid;
    justify-content: initial;
	gap: 0px;
  }
   #eligibilityModal .nav-tabs li {
    padding: 0 !important;
    margin-bottom: 0px;
    display: grid;
    justify-content: initial;
  }
}
/*end popup tab*/








.banner-img {
	width:100%;
	height:auto
}
 .banner-desk{ display:block}
	.mobile-banner{display:none}
	.tablet-benner{display:none}
.header-bg {
	background-color:#f1f1f1;
}
.bg-dark {
	background: transparent !important
}
.serch-show{position: absolute; z-index: 999; top: 0px; left: 43px;}
.serch-icon-2{position:relative}
li.nav-item {
	margin: 0 4px;
	font-size:13px;
	display:inline-block;
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
	color: #fff !important;
	font-weight:500;
	
}
.navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link {
	color:#fff !important;
	transition: all 0.5s ease;
}

.navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link.inverse{
  color: #111f44 !important;
  background: #fff;
  text-decoration:underline;
  border-radius: 4px;
  transition: all 0.5s ease;
}
.navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link.inverse{
  text-decoration:none;
}
.nav-item.plans-topups .nav-link.dropdown-toggle:hover {
  text-decoration: none;
}
.nav-item.plans-topups .nav-link.dropdown-toggle:hover .fa, .navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link.inverse .fa{
  text-decoration: none;
  transform: rotate(180deg);
}

.nav-item.plans-topups .dropdown-menu {
  transition: all 0.5s ease;
}
.nav-item.plans-topups:hover .dropdown-menu {
  display: block !important;
  transition: all 0.5s ease;
}
.navbar-toggler img {
  width: 20px;
}







/*end new*/

.navbar-dark .navbar-toggler {
	color: rgba(0, 0, 0, 0.5);
	border-color: rgba(0, 0, 0, 0.1);
}
.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar {
	padding:0
}
navbar-dark .navbar-nav .nav-link {
	color: rgba(0, 0, 0, 0.5);
}
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
.navbar-icon-top .navbar-nav .nav-link > .fa {
	position: relative;
  width: auto;
  font-size: 24px;
  font-weight: normal !important;
}
.navbar-icon-top .navbar-nav .nav-link > .fa > .badge {
	font-size: 0.75rem;
	position: absolute;
	right: 0;
	font-family: sans-serif;
}
.navbar-icon-top .navbar-nav .nav-link > .fa {
	top: 3px;
	line-height: 12px;
}
.navbar-icon-top .navbar-nav .nav-link > .fa > .badge {
	top: -10px;
}
 @media (min-width: 576px) {

 .navbar-icon-top.navbar-expand-sm .navbar-nav .nav-link {
 text-align: center;
 display: table-cell;
 height: 70px;
 vertical-align: middle;
 padding-top: 0;
 padding-bottom: 0;
}
 .navbar-icon-top.navbar-expand-sm .navbar-nav .nav-link > .fa {
 display: block;
 width: 48px;
 margin: 2px auto 4px auto;
 top: 0;
 line-height: 24px;
}
 .navbar-icon-top.navbar-expand-sm .navbar-nav .nav-link > .fa > .badge {
 top: -7px;
}
}
 @media (min-width: 768px) {
	 	 .help-text-area2 {
    display: none;
}
 .navbar-icon-top.navbar-expand-md .navbar-nav .nav-link {
 text-align: center;
 display: table-cell;
 height: 70px;
 vertical-align: middle;
 padding-top: 0;
 padding-bottom: 0;
}
 .navbar-icon-top.navbar-expand-md .navbar-nav .nav-link > .fa {
 display: block;
 width: 48px;
 margin: 2px auto 4px auto;
 top: 0;
 line-height: 24px;
}
 .navbar-icon-top.navbar-expand-md .navbar-nav .nav-link > .fa > .badge {
 top: -7px;
}
}
 @media (min-width: 992px) {
 .navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link {
 text-align: center;
 display: table-cell;
 height: 47px;
 vertical-align: middle;
 padding-top: 0;
 padding-bottom: 0;
 color: #000;
 padding:0 10px;
 margin-right:10px;
}
 .navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link > .fa {
 top: 0;
     font-size: 17px;
    font-weight: bold;
}
 .navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link > .fa > .badge {
 top: -7px;
}
}
 @media (min-width: 1200px) {
	 	 .help-text-area2 {
    display: none;
}
 .navbar-icon-top.navbar-expand-xl .navbar-nav .nav-link {
 text-align: center;
 display: table-cell;
 height: 70px;
 vertical-align: middle;
 padding-top: 0;
 padding-bottom: 0;
}
 .navbar-icon-top.navbar-expand-xl .navbar-nav .nav-link > .fa {
 display: block;
 width: 48px;
 margin: 2px auto 4px auto;
 top: 0;
 line-height: 24px;
}
 .navbar-icon-top.navbar-expand-xl .navbar-nav .nav-link > .fa > .badge {
 top: -7px;
}
}
/*==========================================*/
.banner{ position:relative; width:100%}
.login-bt{ position:absolute; z-index:1; bottom:15%; left:33%;background:#fff;border: 1px solid #fff;border-radius: 15px;padding:10px 15px;text-shadow: 1px 1px 1px #adadad; }
.login-bt a{ text-decoration:none; color:#000;}
.login-bt:hover{
	background-color:#ccc;
	color:#fff
}
.panel {
	text-align: center;
}
.panel:hover {
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35);
}
.panel-body {
	padding: 0px 20px;
	text-align: left;
}
.the-price {
	background-color: rgba(220, 220, 220, .17);
	box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff;
	padding: 20px;
	margin: 0;
}
.the-price h1 {
	line-height: 1em;
	padding: 0;
	margin: 0;
}
.subscript {
	font-size: 25px;
}
.panel.panel-primary, .panel.panel-success, .panel.panel-info {
	box-shadow: 0px 0px 15px #000;
	height:600px;
	width: 100%;
}
.green-top {
	position: absolute;
	background-image:url(../images/green-top.png);
	background-repeat:no-repeat;
	height: 150px;
	width: 300px;
	left: 0px;
	top: 30px;
}
.green-bottom {
	position: absolute;
	background-image: url(../images/green-bottom.png);
	background-repeat: no-repeat;
	height: 100px;
	width: 215px;
	right:-42px;
	bottom:27px;
}
.pink-top {
	position: absolute;
	background-image:url(../images/pink-top.png);
	background-repeat:no-repeat;
	height: 150px;
	width: 300px;
	left:0px;
	top: 30px;
}
.pink-bottom {
	position: absolute;
	background-image: url(../images/pink-bootom.png);
	background-repeat: no-repeat;
	height: 100px;
	width: 215px;
	right:-42px;
	bottom:27px;
}
.yellow-top {
	position: absolute;
	background-image:url(../images/yellow-top.png);
	background-repeat:no-repeat;
	height: 150px;
	width: 300px;
	left: 1px;
	top: 30px;
}
.yellow-bottom {
	position: absolute;
	background-image: url(../images/yellow-bootom.png);
	background-repeat: no-repeat;
	height: 100px;
	width: 215px;
	right:-42px;
	bottom:27px;
}
.heddding-top {
	padding-left:60px;
	padding-top:37px;
	font-size: 25px;
	color: #004153;
	font-weight: bold;
	text-align: left;
}
.gap-1 {
	height: 100px;
	width: 100%;
	clear: both;
}
.gap-2 {
	height:30px;
	width: 100%;
	clear: both;
}
.gap-3 {
	height:160px;
	width: 100%;
	clear: both;
}
.tax-gap, .tax-gap2, .tax-gap3 {
	margin:40px auto
}
.tax-gap h2 {
	font-size:38px;
	font-weight:bold
}
.tax-gap3 h3 {
	font-weight:bold
}
.top-gap-plan {
	padding-top: 140px;
}
.top-gap-plan2 {
	padding-top:80px;
}
.bg-img-green {
	background-image:url(../images/second-bg.png);
	background-repeat:no-repeat;
	background-position:top center;
	height:auto;
	width: 100%;
	background-size: cover;
}
.box-big {
	width:100%;
	border:2px solid #fff;
	border-radius:15px;
	height:340px;
	padding:50px 30px;
	background-color:#e3edee;
	position: absolute;
	z-index: 1;
}
.circle-help {
	height: 400px;
	width: 400px;
	border: 5px solid #fff;
	background-color:rgba(186, 237, 255, 0.8);
	border-radius: 50%;
	position: absolute;
	z-index: 0;
	left:-60px;
	top:-42px;
	text-align:center
}
.help-img {
	position:absolute;
	top: -115px;
	left:105px;
}
.help-text-area {
	position: absolute;
	top: 136px;
	font-size: 22px;
	text-align: left;
	font-weight: bold;
	left: 45px;
}
.help-text-area h4 {
	padding-bottom:10px;
	font-weight:bold;
	font-size: 25px;
}
.help-text-area h6 {
	padding-bottom:10px;
	font-weight:bold;
	line-height: 22px;
}
.box-big h3 {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 20px;
}
.right:before, .right:after {
	content: "";
	display: table;
	clear: both;
}
.welcome-area {
	margin-top: 408px;
	text-align: center;
	color:#fff
}
.welcome-area2 {
	margin-top: 120px;
}
.pink-gradint {
	background: #ff34f4; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ff34f4 0%, #872ddb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #ff34f4 0%, #872ddb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #ff34f4 0%, #872ddb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff34f4', endColorstr='#872ddb', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.blue-gradint {
	background: #788ff8; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #788ff8 0%, #6858d3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #788ff8 0%, #6858d3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #788ff8 0%, #6858d3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#788ff8', endColorstr='#6858d3', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.yellow-gradint {
	background: #ffbd38; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffbd38 0%, #eb903c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #ffbd38 0%, #eb903c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #ffbd38 0%, #eb903c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbd38', endColorstr='#eb903c', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.circle-area {
	width:160px;
	height:160px;
	margin:0 23%;
	border-radius: 50%;
	position: absolute;
	top: -100px;
}
.white-circle {
	background-color: #fff;
	margin: 20px;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	line-height: 120px;
	box-shadow: 3px 3px 5px#8c8b8b;
	font-weight: bold;
	font-size:36px;
}
.white-bg {
	background:#fff;
	width:100% !important;
	height:515px !important;
	margin-bottom:135px;
	box-shadow:0px 2px 7px #999!important;
	position:relative
}
.white-bg .circle-img{width:100%; position:absolute; z-index:9; top:-80px;}
.white-bg .circle-img  img{width:100%; max-width:180px; height:auto; margin:0 auto}
.p-gap{   margin: 30px auto;}
.white-bg p {color:#004153;}

.footer-bo-panel {
	width:100%;
	height:60px;
	line-height:60px;
	text-shadow: 1px 2px 3px #201e1e;
	font-size: 22px;
	font-weight: bold;
	color:#fff;
}
.mr-auto, .mx-auto {
	margin-right: auto !important;
	position: relative;
	z-index: 999;
	/*background: 
 #f1f1f1;*/
}
.third-bg {
	background: #fff;
	width: 100%;
	padding-top: 100px;
}
.text-blue {
	margin: 50px auto;
	color: #2f2fb3;
	font-weight: bold;
}
.bt-light {
	border-radius: 25px;
	padding: 5px 45px;
	box-shadow: 1px 2px 10px #000;
	margin:25px;
}
.fourth-bg {
	/* background: #f4f3f2; */
	background:#f2f1e8;
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
}
.fifith-ss h3 {
	margin:15px auto;
	font-size: 22px;
	font-weight: bold;
	height: 60px;
}
.fifith-ss p {
	margin: 26px auto;
	color:#004153;
	padding: 0 20px;
}
.five-bg {
	/*background-image:url(../images/5thbg.jpg);*/
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#4b286d;
	width:100%;
	height: auto;
	padding: 65px 0;
	color:#fff;
}
.five-bg h2 {
	font-weight:bold;
	margin-bottom: 50px;
	font-size:36px
}

.form-info-bg {
	background: #f4f3f2;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
}

.form-info-bg label{ font-weight:bold}
.footer-area{
    
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #000;
    height: auto;
    width: 100%;
    padding: 0px;
    position: relative;
}
.footer-area:before {
    background-color: #000000;
    display: block;
    opacity: 0.6;
    content: "";
    clear: both;
    position: absolute;
    width: 100%;
    height: 100%;
}
.footer-logo {
	margin:15px auto
}
.footer-area h3 {
	color:#fff;
	font-size:22px;
	margin: 40px auto 20px;
	font-weight: bold;
}
.footer-area p {
	color: 
 #fff;
}
.footer-area ul {
	padding-left:0
}
.list li {
	list-style-type: none;
	line-height: 1.5em;
	margin-bottom: .9em;
}
.list li a {
	color: #ffffff;
	text-decoration: none;
}
.list li a:hover {
	text-decoration: underline;
}
.list a.social {
	display: block;
	width: 80%;
	margin-bottom: .5em;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 45px;
	height: 43px;
	line-height:43px;
}
.social img {
	float: left;
	display: block;
}
.list a.social:hover {
	text-decoration:underline;
}
.list a.social.fb {
	background-image: url(../images/facebook.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.list a.social.fb:hover {
	background-image: url(../images/facebook2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.list a.social.tw {
	background-image: url(../images/twiter.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.list a.social.tw:hover {
	background-image: url(../images/twiter2.png);
	;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.list a.social.in {
	background-image: url(../images/inforamation-icon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.list a.social.in:hover {
	background-image: url(../images/inforamation-icon2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.white-bg img {
	max-width: 220px;
	margin-bottom:15px;
}
.top-heading-bg {
	/*background-image:url(../images/sign-up-top.jpg);*/
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	min-height:auto;
	/* background-color:#ffbd59; */
	background-color:#0078d5;
	
}
/*.top-heading-bg h1 {
	font-size: 26px;
	padding: 15px 0;
	color: #fff;
	font-weight: bold;
	margin-top:25px
}*/
.top-heading-bg h1 {
  font-size:16px;
  padding:8px 0;
  color: #fff!important;
  font-weight: normal;
  margin: 0;
  text-align: center;
}
.login-bg {
	background: 
 #fff;
	border: 1px solid #ccc;
	height:auto;
	box-shadow: 3px 3px 3px  #ccc;
	border-radius: 41px;
	padding:60px;
}
.relative-text{ position:relative}
.fieldIcon1{

    position: absolute;
    left: 95px;
    bottom: 173px;
    font-size: 20px;
	color:#1081e0;

}
.fieldIcon{

    position: absolute;
    left:14px;
    bottom:22px;
    font-size: 20px;
    color:#0da8f0;

}
.defaultInput {border-radius: 5px;
    border: 0;
    box-shadow: 0 0 5px 1px inset #ccc;
    line-height: 62px;
    padding: 0 45px;
    width: 100%;

}
.shadowInput {border-radius: 15px;
    border: 0;
    box-shadow: 0 0 5px 1px inset #ccc;
    line-height: 62px;
    padding: 0 15px;
    width: 100%;
	height: 50px;
	font-size:16px

}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.switch.right {float: right;}
.spandn{padding-top: 6px;width: 208px;font-size: 15px;display:none;}
.hexgon-area{ margin: 0 auto;  background-position:center top;}
.hexgon-area-img{ width:100%; height:auto; margin:0 auto;}
.hegon-bootom-c-ara{background: #4d5354;color: #fff;text-align: center;padding:10px 5px;border-radius: 0px 0px 5px 5px; min-height:75px; height:auto;}
.hexgon-area-bt{ height:60px; width:100%;  text-align:center; font-weight:bold; color:#fff;background: #0da8f0;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004acf', endColorstr='#01287f',GradientType=0 ); /* IE6-9 */border-radius: 0px;line-height: 60px;margin:20px auto;font-size: 26px;
position: relative;}
.hegon-bootom-c-ara-bootom1{ padding-left:20px; background-image:url(../images/pink1-bo-.png); background-repeat:no-repeat; position:absolute;width: 183px;height: 183px;bottom: -10px;right: -10px;}
.hegon-bootom-c-ara-bootom2{ padding-left:20px; background-image:url(../images/green-1-bootom.png); background-repeat:no-repeat; position:absolute;width: 183px;height: 183px;bottom: -10px;right: -10px;}
.hegon-bootom-c-ara-bootom3{ padding-left:20px; background-image:url(../images/yellow-1-bootom.png); background-repeat:no-repeat; position:absolute;width: 183px;height: 183px;bottom: -10px;right: -10px;}
.plan-box p {margin: 15px auto;padding: 0 15px;}
.plan-box > .customers td{
  border: 1px solid #fff;
  padding: 8px;
}
.plan-box h3 {font-size: 18px;padding: 20px;font-weight: bold;}
.plan-box ul {padding: 0 28px;}
.plan-box ul li{ margin-bottom:2px;}
.customers {width: 100%;border-collapse: collapse; margin-top:30px;
  width: 100%;}
  .customers td {
  border: 1px solid #2a67b0;
  padding: 8px;
  text-align:center
}
.customers th {
  border: 1px solid #41464c;
  padding: 8px;
  text-align:center
}
.customers tr:nth-child(even){background-color: #f2f2f2;}
/* .requred-head{background: #5d5d5d;/*! height: 45px; *//*line-height: 45px;border: 0px solid #999;margin: -5px -20px;;color: #fff;padding: 0 15px;} */
.requred-head {
  background: #0078d5;
  height:auto;
  line-height: 45px;
  border: 0px solid #999;
  margin: -6px -20px 0;
  color: #fff;
  padding:10px 15px 10px;
  border-radius: 15px 15px 0 0;
}
.login-bg h1 {
  font-size: 35px;
  margin-bottom: 40px;
}
.center-box{ margin: 0 auto}
 .image-upload>input {
  display: none;
}
.image-upload {
    cursor: pointer;
}
/*.customers tr:hover {background-color: #ddd;}*/
.heading-area.plan_hdr_box {
    background: #3572be!important;
}
.customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #41464c;
  color: white;
}
.plan-box-round{height: 600px;border: 5px solid#fff;background: #f1f2f1;box-shadow: 1px 3px 28px
#ccc;position: relative;border-radius: 15px;margin: 60px auto;background:#fff;}


.hexgon-area-bt a{ color:#fff; text-decoration:none}
.hexgon-area-bt:hover{ height:60px; width:100%;  text-align:center; font-weight:bold; color:#f00;background:#54595f;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00af3a', endColorstr='#005e0e',GradientType=0 ); /* IE6-9 */border-radius: 5px;line-height: 60px;margin:20px auto; text-decoration:none ; cursor:pointer}

.plan-box{height: 600px;border: 5px solid #fff;background: #f1f2f1;box-shadow: 1px 3px 28px #ccc;position: relative;}
.mobile_box_plan.plan-box.apply-sim {
    background: #fff!important;
}
.plan-box > .heading-area{ height:60px; line-height:60px; background-color:#3572be; color:#fff; font-weight:bold;border-radius: 0px 30px 30px 0;text-align: center;margin-right: 64px;margin-top: 30px; font-size:28px}
.data-plan-box{height:500px;border:1px solid #0090ec;background:#fff;box-shadow:1px 3px 28px #c2c2c2 inset;;position: relative;margin: 30px auto;}
.data-plan-box .heading-area{ height:200px; line-height:60px; background-color:#0090ec; color:#fff; font-weight:bold;text-align: center; font-size:28px;box-shadow:1px 1px 12px 11px #0086dc inset;padding: 10px 20px;}
sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sup {top: -.5em;}
 .heading-area sup {top: -.7em; font-size: 63%;}
 .heading-area sub {bottom: -.19em;}
 .heading-area h2{ font-size:40px; font-weight:bold;margin-top: 30px;}
 .pickplan{margin:15px 7px;padding: 0; height:220px}
 .pickplan ul{ margin:0; padding:0}
  .pickplan li {counter-increment: step-counter; display: block;
}
  .pickplan li::before { content: '\2713';margin-right: 7px;border-radius: 50%; padding: 2px 6px;background:#0d8ccc;border: 1px solid#a9b4c2;color:#fff;text-align: center;font: 15px Arial,sans-serif;float: left;font-weight: bold;}
   .pickplan-bt{ widows:80%; margin:30px; border:1px solis #ccc; border-radius:15px; background:
   #09F; height:35px; text-align:center;line-height: 35px;font-size: 20px;font-weight: bold;box-shadow: 3px 4px 5px 1px #a8a8a8;}
   .pickplan-bt a{ text-decoration:none; color: #fff;}
   .pickplan-bt:hover{ background-color:#900}
.green-bg{ background-color:#060 !important}
.blue-bg-b{ background-color:#4487ff !important}
.round-left-cor{border-radius: 0 30px 0px 0px;}
.phon-gap{margin:60px auto}
.phon-free-bt{position: absolute;width:85%;top: -70px;box-shadow: 1px 1px 2px 2px #d3d3d3;left: -5px;border: 2px solid #fff;}
.p-gap3{margin-top:40px !important}
/*============checkbox style start ============*/


.ch-container {
  display: inline-block;
  margin-top: 10px;
  position: relative;
  padding-left: 35px;
  padding-right:15px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.ch-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  box-shadow: 0 0 5px 1px inset #ccc;
  background-color: #fff;
}

/* On mouse-over, add a grey background color */
.ch-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.ch-container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.ch-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.ch-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*============checkbox  end============*/
/*====================radio-button start===========*/
/* The container */
.rd-style {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  padding-right:15px;
  margin-bottom: 12px;
  cursor: pointer;
  font-weight:normal !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.rd-style input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark-rd {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
 box-shadow: 0 0 5px 1px inset #ccc;
  background-color: #fff;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.rd-style:hover input ~ .checkmark-rd {
  background-color: #2196F3;
}

/* When the radio button is checked, add a blue background */
.rd-style input:checked ~ .checkmark-rd {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark-rd:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.rd-style input:checked ~ .checkmark-rd:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.rd-style .checkmark-rd:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}


/*====================radio-button end===========*/

.progressbar {
  margin: 0;
  padding: 0;
  counter-reset: step;
}
.progressbar li {
  list-style-type: none;
  width: 25%;
  float: left;
  font-size: 12px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  color: #7d7d7d;
}
.progressbar li:before {
  width: 30px;
  height: 30px;
  content: counter(step);
  counter-increment: step;
  line-height: 30px;
  border: 2px solid #7d7d7d;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: white;
}
.progressbar li:after {
  width: 100%;
  height: 2px;
  content: '';
  position: absolute;
  background-color: #7d7d7d;
  top: 15px;
  left: -50%;
  z-index: -1;
}
.progressbar li:first-child:after {
  content: none;
}
.progressbar li.active {
  color: green;
}
.progressbar li.active:before {
  border-color: #55b776;
}
.progressbar li.active + li:after {
  background-color: #55b776;
}


.prog-line{width: 100%;height: 10px;background: #fff;margin-top: 10px;border-radius: 10px;box-shadow: 0 0 5px 1px inset #ccc;}
.progass-bootom{ border-bottom:2px solid #ccc; margin-bottom:50px; height:85px;padding-top: 5px;}

/*hexagon=====================*/


 .hexagon {
      width: 100px;
      height: 55px;
      background: red;
      position: relative;
    }
   .hexagon:before {
      content: "";
      position: absolute;
      top: -25px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 50px solid transparent;
      border-right: 50px solid transparent;
      border-bottom: 25px solid red;
    }
    .hexagon:after {
      content: "";
      position: absolute;
      bottom: -25px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 50px solid transparent;
      border-right: 50px solid transparent;
      border-top: 25px solid red;
    }
  
.enrollnow {
  border: 1px solid #dcfb63;
  padding: 4px 20px;
  color: #dcfb63;
  display: inline-block;
  vertical-align: text-bottom;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  border-radius: 24px;
  height: 44px;
  line-height: 32px;
  font-family: 'Inter';
  margin-left:20px;	
}

.enrollnow:hover {
    border: 1px solid #dcfb63;
	text-decoration:none;
	background:#dcfb63;
	color:#000;
}

.enrollnow.mobileEnroll {
    display: none;
}	
.myaccountBtn.nav-item {
  background: #0078D5;
  color: #fff;
  padding: 4px 20px;
  display: inline-block;
  vertical-align: text-bottom;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  border-radius: 24px;
  font-family: 'Inter';
  margin-left: 20px;
  text-decoration-line: none;
  transition-duration: .3s;
  transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  height: 42px;
  line-height: 30px;
  border: 1px solid #0078D5;
}
.myaccountBtn.nav-item:hover {
	border: 1px solid #0078D5;
	background:transparent;
}



/*========progessbar end======*/

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.clickhere_acc .ch-container {
  font-size: 15px;
  font-weight: 400;
  color: #111F44 ;
}









 @media screen and (min-width: 768px) {
 .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu {
 display: block;
}
 .dropdown-menu {
 margin-top: 0;
}

.navbar-nav .dropdown-menu {
    left: auto;
}

 .dropdown-toggle {
 margin-bottom: 2px;
}
 .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle {
 margin-bottom: 0;
}
}
 @media screen and (min-device-width: 576px) and (max-device-width:991px) {


	 .navbar-icon-top .navbar-nav .nav-link > .fa img { width: 22px !important; height: 22px !important;}
	 .banner-desk{ display:none !important}
	.mobile-banner{display:none !important}
	.tablet-benner{display:block !important}
.white-bg {background:  #fff;width: 100% !important;height: 560px !important;margin-bottom: 135px; box-shadow: 0px 27px 7px #999 !important;}
 .circle-area {
 margin: 0 15%;
}
.p-gap {margin: 30px auto;min-height: 261px;}	
}
@media screen and (max-width:575px) {
	.navbar-icon-top .navbar-nav .nav-link > .fa {
    font-size: 24px;
    margin-right: 15px;
}
.navbar-icon-top .navbar-nav .nav-link > .fa img {
    width: 22px;
    height: 22px;
}
	.mobile-banner{display:block !important; height:183px; width:100%;}
	.tablet-benner{display:none;}
	.gap-1 {height: 40px;}
	.circle-help { height: 300px;width: 300px;border: 5px solid #fff;}
	.help-text-area2{ display:block}
	.login-bt{padding: 5px 4px;}
	.help-text-area{ display:none}
.img-fluid {
max-width: 100%;
 height: auto;
display:none;
}
.box-big {
 width: 100%;
 border: 2px solid #fff;
 border-radius: 15px;
 height: auto;
 padding: 50px 30px;
 background-color:
 #e3edee;
 position: absolute;
 z-index: 1;
 top:400px;
}
.welcome-area {
 margin-top:700px;
 text-align: center;
 color: 
 #fff;
}
.white-bg {
 background: 
 #fff;
 width: 100% !important;
 height: 515px !important;
 margin-bottom: 135px;
 box-shadow: 0px 0px 7px #999 !important;
}



}
@media screen and (max-width: 766px) {
	
	
.l-box-left{width: 100% !important; 
    background:#a8eaff;border-radius: 20px;float: left;padding:50px 30px; position:relative}
.l-box-right{width: 100%!important; 
    background:#fff;border-radius: 20px;float: left;padding: 50px 30px;position:relative}
.round-text-3{right:40%!important;bottom: -64px!important;top: unset !important; }
	.banner-desk{ display:none !important}
	.mobile-banner{display:none}
	.tablet-benner{display:blok}
	.bt-light {margin: 11px;}
	.footer-bo-panel {font-size: 15px;}
	.gap-3 {height: 15px;}
	.box-big{height:100%; position:unset;}
	.welcome-area { margin-top: 40px;}
	.help-text-area{ display:none}
.circle-help {
 background-color:rgba(186, 237, 255, 0.8);
 border-radius: 50%;
 position:unset;
text-align: center;
margin:30px auto;
position: unset;
}
.help-img img {
    width: 110px;
    height: auto;
}
.help-img {
 position: unset;
}
.help-text-area h6 {
 padding-bottom: 10px;
 font-weight: bold;
 line-height: 15px;
 font-size: 14px;
}
.help-text-area {
 position: absolute;
 top: 136px;
 font-size: 22px;
 text-align: left;
 font-weight: bold;
 left: 120px;
}
.five-bg h2 {
    font-weight: bold;
    margin-bottom:9px;
    font-size: 25px;
}
}
/*==========================26-11-2019=========================*/
.mobile-text-plan-botom{padding-top: 103px;
text-align: right;
padding-right: 5px;
font-size: 28px;
font-weight: bold;
color:
#fff;
text-shadow: 1px 1px 2px
#000;}

.mobile-text-plan-botom p {
    font-size: 14px;
    line-height: 14px;
    padding-left: 30px;
    margin-left: 15px;
}
.custom-counter {
    margin-left: 0;
    padding: 0;
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    list-style-type: none;
}
.custom-counter li {
    counter-increment: step-counter;
    display: block;
}
.custom-counter li::before {
    content: counter(step-counter);
    margin-right: 7px;
    border-radius: 50%;
    padding: 5px 10px;
    background: #0044c6;
    border: 1px solid #a9b4c2;
    color: #fff;
    text-align: center;
    font: 15px Arial, sans-serif;
    float: left;
}
span.custom-counter-content {
    line-height:15px;
}
.privew{background:#e9e9e9;padding: 10px;width: 99%;margin-bottom:10px;; min-height:80px}
.privew h5 {font-size: 18px;font-weight: normal;}
.privew p{ margin-bottom:5px}
.upload-p-box button {padding: 4px 30px;font-size: 15px;}
.upload-p-box{ border:1px solid #03C; text-align:center; margin:15px auto; padding:15px;max-width: 280px;border-radius: 15px;}
.mt ul{ margin:0; padding:0}
.mt li{ list-style-image:url(../images/list-bul.png); margin-left:-20px;}
.gap-60{ margin:60px auto}
.mb20 {margin-bottom:15px;}
.plan-box-round2{height:100%; min-height:600px;border: 5px solid#fff;background: #f1f2f1;box-shadow: 1px 3px 28px
#ccc;position: relative;border-radius: 15px;margin: 60px auto;background:#fff;}
.divider-white-bg {padding: 10px;background:#FFF;margin:30px 0;}
.divider-gray-bg {padding: 10px;background: #e9e9e9;margin:30px 0;}
.fileUpload input.upload {position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 100%;

}
.fileUpload {position: relative;
    overflow: hidden;
    margin: 10px 0;

}
.icon-md {
    font-size: 2.5em !important;
}
.mt-bt-15px{margin-bottom: 15px;}
.lifeline_inner_list li::before {

    font-family: Arial, sans-serif;
    content: '\2713';
    margin: 0 0px 0 0;
    color: #545454;
    position: absolute;
    left: -8px;
    font-weight: bold;

}
.lifeline_inner_list {padding-left:5px;list-style: none;}
.gap {background-color: #e9e9e9;margin-top: -30px;padding: 30px;margin-bottom: 30px;}
.gap h2 {font-size: 19px;}
.lifeline-plan-head{width: 100%;background-color: #0044c9;min-height: 60px;margin-bottom: 30px;text-align: center;line-height: 60px;font-size: 24px;color: #fff;}
.lifeline-plans-4 {font-size: 28px;list-style: none;padding-left: 0;
}
.green2 {color: #0044c9;}
.feature_h2 { background: #cde7ff;font-size: 18px;padding: 15px;}
/*==========tab pnael ========================================================*/
.nav-tabs { border-top: none !important;background-color:#fff !important;}
.nav-tabs { border-top: none; background-color: none !important; padding: 0 !important;}
.tab-text-style { text-shadow: 1px 1px 3px #696969;font-size: 36px;}
.tab .nav-tabs li {width: 33% !important; background:#fff !important;min-height: 120px;
padding: 15px 0;}
.tab .nav-tabs > li > a { border: none;padding: 18px 25px;color: #004781;background: #fff !important;border-radius: 0;font-size: 30px;text-shadow: 1px 1px 3px #696969;text-align: center;}
.tab .nav-tabs > li.active {border: none;background: background: #00b1f1;background: -moz-linear-gradient(top, #00b1f1 0%, #6aaeea 44%, #0052d2 100%);background: -webkit-linear-gradient(top, #00b1f1 0%,#6aaeea 44%,#0052d2 100%) !important; background: linear-gradient(to bottom, #00b1f1 0%,#6aaeea 44%,#0052d2 100%) !important;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b1f1', endColorstr='#0052d2',GradientType=0 )!important;color: #fff;transition: background 0.20s linear;}
.tab .nav-tabs > li.active > a, .tab .nav-tabs > li.active > a:focus, .tab .nav-tabs > li.active > a:hover {border: none; background:  transparent !important;color: #fff; transition: background 0.20s linear;}
.tab .nav-tabs li.active::after { content: ""; position: absolute;bottom: -30px;left: 37%;border: 15px solid transparent;border-top-color: transparent;border-top-color:#007fbc !important;}

/*==========tab pnael End ========================================================*/
.boyd-top{background-color: #fff;height: auto;min-height: 340px;padding: 15px;margin-bottom: 47px; margin-top: 30px;}
.well.row{margin-bottom: 30px;}
.boyd-img{/*! margin: ; *//*! margin-bottom: -150px; */position: absolute;bottom: -15px;}
.boyd .panel.panel-default {background: #f1f1f1;box-shadow: 1px 4px 7px 3px #afafaf inset;}
.boyd .panel.panel-default a {color: #000;}
.boyd .panel-default>.panel-heading {padding: 15px 10px;text-align: left;margin: 5px;border-color: #373737;color: #333;}
.boyd .panel-title { margin-top: 0; margin-bottom: 0;font-size: 16px;color: inherit;}
.boyd .panel-default>.panel-heading+.panel-collapse>.panel-body {  border-top-color: #ddd;}

/*========================dashbord====================*/
.card {border: 0;margin-bottom: 30px; margin-top: 30px;border-radius: 6px; color:#333333;background: #fff;width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.card.card-stats {min-height: 300px;}
.card [class*="card-header-"] .card-text {float: none;display: inline-block; margin-right: 0;}
.card [class*="card-header-"] .card-text .card-title {color: #fff; margin-top: 0; }
.card [class*="card-header-"] .ct-chart .card-title {color: #fff;}
.card [class*="card-header-"] .ct-chart .card-category {margin-bottom: 0;color: rgba(255, 255, 255, 0.62);}
.card [class*="card-header-"] .ct-chart .ct-label {color: rgba(255, 255, 255, 0.7);}
.card [class*="card-header-"] .ct-chart .ct-grid {stroke: rgba(255, 255, 255, 0.2);}
.card [class*="card-header-"] .ct-chart .ct-series-a .ct-point,
.card [class*="card-header-"] .ct-chart .ct-series-a .ct-line,
    .card [class*="card-header-"] .ct-chart .ct-series-a .ct-bar,
    .card [class*="card-header-"] .ct-chart .ct-series-a .ct-slice-donut { stroke: rgba(255, 255, 255, 0.8);}
.card [class*="card-header-"] .ct-chart .ct-series-a .ct-slice-pie,
.card [class*="card-header-"] .ct-chart .ct-series-a .ct-area {fill: rgba(255, 255, 255, 0.4);}
.card [class*="card-header-"] .ct-chart .ct-series-a .ct-bar {stroke-width: 10px; }
.card [class*="card-header-"] .ct-chart .ct-point {stroke-width: 10px;stroke-linecap: round;}
.card [class*="card-header-"] .ct-chart .ct-line {fill: none;stroke-width: 4px;}
.card [data-header-animation="true"] { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)-webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);-moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);-o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);-ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);}
.card:hover [data-header-animation="true"] {-webkit-transform: translate3d(0, -50px, 0);-moz-transform: translate3d(0, -50px, 0);-o-transform: translate3d(0, -50px, 0);-ms-transform: translate3d(0, -50px, 0);transform: translate3d(0, -50px, 0);}
card .map { height: 280px;border-radius: 6px; margin-top: 15px;}
 .card .map.map-big { height: 420px;}
.card .card-body.table-full-width {padding: 0;}
.card .card-plain .card-header-icon {margin-right: 15px !important;}
.table-sales {margin-top: 40px;}
.iframe-container {  width: 100%; }
.iframe-container iframe {width: 100%;height: 500px;border: 0;box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);}
.card-wizard .nav.nav-pills .nav-item {margin: 0;}
.card-stats .card-header.card-header-icon i {font-size: 36px;line-height: 56px; width: 56px;height: 56px; text-align: center;}
.card .card-header-warning .card-icon{/*background: linear-gradient(60deg, #ffa726, #fb8c00);*/ background-color: #0078d5;}
.card .card-header-success .card-icon{background: linear-gradient(60deg, #dcfb63, #dcfb63);}
.card .card-header-danger .card-icon{background: linear-gradient(60deg, #427469, #427469);}
/* .card-stats .card-header.card-header-icon i {font-size: 36px;line-height: 56px;width: 56px;height: 56px;text-align: center;} */
.card-stats .card-header.card-header-icon i {
    font-size: 26px;
    line-height: 26px;
    width: 26px;
    height: 26px;
    color: #fff;
    text-align: center;
}
.card.card-stats h3.card-title {
  font-size: 22px;
  font-weight: 600;
  font-weight: 500 !important;
  color: #475467 !important;
  margin: -4px 0 0 !important;
}
.card [class*="card-header-"] .card-icon, .card [class*="card-header-"] .card-text { border-radius: 3px;background-color: #0078d5;padding: 10px; margin-top: -20px;margin-right: 15px;float: left;
}

.card.card-stats .table tr:first-child td, .table tr:first-child th {
  border-top: 0;
}


/*========================dashbord end====================*/
.footer-bo-panel.pink-gradint a {color: #fff;text-decoration: none;} .footer-bo-panel.blue-gradint a {color: #fff;text-decoration: none;} .footer-bo-panel.yellow-gradint, {color: #fff;text-decoration: none;}
.hexgon-area-bt:hover { color: #fff !important;}
.white-style-bg{ background-color:#fff !important}
/*.navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link:hover { color: #007bff !important;}
.dropdown-item:hover { background: #007bff;color:#fff;}*/
.p-gap { margin: 30px auto;min-height: 115px;}
.max-p { height: 70px;}
.hr-st{ background:#d7d7d7}
.dot-sighn{ width:5px; height:5px; border:1px solid #666; }
.sign-sty{margin-left:;}
.sign-sty ul {padding: 0; margin: 0;}
.sign-sty li {display: inline list-item;width: 200px;
}
.login-mid-bg {
    
    background-position: top center;
    background-repeat: no-repeat;
    display: c;
    height: 100%;
    min-height: 456px;
   
}
.sect-logi-bg{ background: #dfdfdf;padding-bottom: 10px;}
.textbootm-login{padding: 15px 0;
background: #dfdfdf}
.login-tex2{margin-top: 30%;font-size: 38px;}
.login-form.members.B {
    background-color: #e0e6ed;
    color: #666666;
    min-height: 380px;
}
.l-box-left{width: 50%;
    background:#0078d5;border-radius: 20px;
    float: left;padding:30px 40px; position:relative;
    box-shadow: -2px 2px 2px #ccc;}
.l-box-right{width: 50%;
    background:#fff;border-radius: 20px;
    float: left;padding:30px 40px;position:relative;
    box-shadow: 2px 2px 2px #ccc;}
/* .round-text-3{background:#008aec; padding:0px; width:70px; height:70px; position:absolute; right:-27px; top:40%; border-radius:50%;line-height: 61px;text-align: center;color: #fff;font-weight: bold;z-index: 1;} */


/* start new 4dec */
.round-text-3 {
    background: #111f44;
    padding: 0px;
    width: 70px;
    height: 70px;
    position: absolute;
    right: -27px;
    top: 40%;
    border-radius: 50%;
    line-height: 61px;
    text-align: center;
    color: #fff!important;
    font-weight: 500!important;
    z-index: 1;
}
.text-white-login { color:#fff !important;font-weight: bold;}
.mar-30-b{ margin-bottom:30px}
.l-box-left h5 {
    color: #fff!important;
}
.form-control, input {
  font-family: 'Inter' !important;
  border: 1px solid #ccc;
}
.l-box-left .signup-bt {
    background-color: transparent !important;
    padding:5px 10px;
    font-weight: bold;
    border-color: #fff;
    min-width: 140px;
    border-radius: 30px;
	font-family: 'Inter' !important;
	margin-bottom: 20px;
}
.sign-sty1 ul.bottom-form-link a {
    color: #fff;
    font-size: 14px;
	font-family: 'Inter' !important;
}
.l-box-right h4.text-white-login {
    color: #0078d5!important;
    font-weight: 500!important;
}
.l-box-right input[type="text"], .l-box-right input[type="text"]::placeholder {
    background: #f4f4f4;
    box-shadow: none;
    color: #475467;
    font-family: 'Inter' !important;
}
.l-box-right .signup-bt {
    background-color: transparent !important;
    padding: 5px 10px;
    border-color: #0078d5;
    min-width: 140px;
    border-radius: 30px;
    font-family: 'Inter' !important;
    color: #0078d5;
    font-weight: 500;
}
.ltoComplete h5 {
    color: #475467!important;
    font-weight: 500!important;
    margin-top: 20px;
}
.top-heading-bg h1 a {
    color: #b1ddff;
}
.table td{
  color: #475467;
}
.table td, .table th {
  color: #475467;
  font-family: 'Inter' !important;
}
.title-sidebar .fa.fa-question-circle.pr-xl {
  color: #0078d5;
}
.rightside-user {
  width: 24px;
}
.title-sidebar {
  font-family: 'Inter' !important;
  color: #475467;
}
.panel-cards-side a {
  font-family: 'Inter' !important;
}
.panel-cards-side h2, .panel-cards-side h3, .panel-cards-side h4, .panel-cards-side h5, .panel-cards-side h6, .panel-cards-side, .panel-cards-side p, .panel-cards-side button, 
.panel-cards-side div
{
font-family: 'Inter' !important;	
}
.card-stats .card-header.card-header-icon .fa.fa-mobile {
  font-size: 37px;
  vertical-align: bottom;
}
.cardIcon .input-group-addon {
  top: -1px!important;
  font-size: 26px!important;
}
.footer_right ul {
  margin: 0;
  padding: 0;
  display: flex;
      justify-content: start;
	  flex-wrap: wrap;


}
.footer_right ul li a {
  color:hsla(0,0%,100%,.5);
  font-size: 14px;
  font-weight: 500;
  margin-left: 9px;
}
.copyRighttext p{
  color:hsla(0,0%,100%,.5);
  font-size: 14px;
  font-weight: 500;
}
.footer_right ul li {
  list-style: none;
}
.footer_right ul li:first-child a {
  margin: 0;
}
/*endnew4dec*/





/* New Additional Css */

.formDesigninner label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #111f44;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 0;
    border-radius: 3px;
        height: 20px;
    width: 20px;
    left: -18px;
    min-width: 20px;
    top: 5px;
}
.formDesigninner input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;   
    opacity: 0;
    cursor: pointer;
}
.formDesigninner input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
        top: 7px;
    left: 10px;
    width: 6px;
    height: 14px;
    border: 2px solid #111f44;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.formDesigninner input:checked + label:before {
   /*  background: #111f444d; */
}

.formDesigninner input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 2rem !important;
    height: 2rem !important;
    opacity: 0;
}
/* .formDesigninner  label{
	display:flex;
} */
		.formDesigninner label {
    display: block;
    position: relative;
    padding-left: 15px;
}

.formDesigninner label:before {
    position: absolute;
    left: -20px;
}
.formDesigninner input:checked + label:after {
    left: -12px;
}
/* .customFormswrapper {
    border: 2px solid #0078d561;
    padding: 24px;
    border-radius: 20px;
    margin: 40px 0;
    box-shadow: 0px 1px 2px 0px #0078d56b;
} */
.customFormswrapper, .formDesigninnerNew {
    border: 2px solid #111f4445;
    padding: 24px;
    border-radius: 20px;
    margin: 40px 0;
    box-shadow: 0px 1px 2px 0px #111f4482;
}
.formCustomTitle h3 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 800 !important;
    font-family: 'Roboto' !important;
    position: relative;
    color: #202124 !important;
}
.formDesigninner label, .formDesigninner label p {
    font-size: 16px;
    color: #202124 !important;
    line-height: 28px;
}
.formContactContent p {
    font-size: 16px;
    line-height: 27px;
    word-break: break-all;
}

.formContactContent p a {
    font-weight: 500 !important;
	color:#0078d5;
}
.instructionmsg {
    font-size: 16px;
    font-weight: 500;
    margin: 30px 0 0 0;
}
.formDesigninner h4 {
    font-size: 18px;
    font-weight: 600 !important;
    margin-bottom: 14px;
	margin-top: 35px;
	color: #202124 !important;
}
.form-shifted {
    padding-left: 70px;
}

.formDesigninner input.highlightCls + label::before {
    border: 2px solid #f00;
    box-shadow: 0px 1px 5px #f00;
}

.divided {
	width: 200px;
	position: relative; 
	margin: auto;
}
.formCustomTitle .divided:after {	
	background: #111f44;
	content: ''; 
	position: absolute; 
	bottom:-1px; 
	left: 0; 
	right:0;
	width: 40px; 
	height: 4px; 
	-webkit-transition: all ease-in-out 0.8s; 
	-moz-transition: all ease-in-out 0.8s; 
	-ms-transition: all ease-in-out 0.8s; 
	-o-transition: all ease-in-out 0.8s; 
	transition: all ease-in-out 0.8s; 
	}
.formCustomTitle .divided:before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 200px;
	height: 2px;
	-webkit-transition: all ease-in-out 0.8s;
	-moz-transition: all ease-in-out 0.8s;
	-ms-transition: all ease-in-out 0.8s;
	-o-transition: all ease-in-out 0.8s;
	transition: all ease-in-out 0.8s;
	left: 0;
	right: 0;
	margin: auto;
	background: #a5a5a5b5;
	}
.formCustomTitle h3 ~ .divided:after {
	animation: move 8s infinite;  
	-webkit-animation: move 8s infinite;
	}
@-webkit-keyframes move {
  0%   {left:0px;}
  50%  {left:150px;}
  100% {left:0px;}
}
@keyframes move {
  0%   {left:0px;}
  50%  {left:150px;}
  100% {left:0px;}
}
.newbtnsdesign {
    text-align: end;
}
/* Animated Button */
.customanimbutton {
    display: inline-block;
    z-index: 1;
    color: #fff;
    position: relative;
    overflow: hidden;
    background: transparent;
    padding: 10px 50px;
    border: 2px solid #0078d5;
    border-radius: 24px;
    cursor: pointer;
    background: #0078d5;
	    font-weight: 500;
}
/*  .customanimbutton {
	 display: inline-block;
	 z-index: 1;
	 color: #0078D5;
	 position: relative;
	 overflow:hidden;
	 background: transparent;
	 padding: 10px 50px;
	 border: 2px solid #0078D5;
	 border-radius: 24px;
	 cursor:pointer;
} */
 .customanimbutton:hover {
	 color: #0078d5;
	 background:transparent;
}
/*  .customanimbutton::before {
	 content: "";
	 position: absolute;
	 top: 0;
	 left: 50%;
	 right: 50%;
	 bottom: 0;
	 opacity: 0;
	 transition: 0.5s all ease;
	 box-sizing: border-box;
}
 .customanimbutton:hover::before {
	 border-radius: 4px;
	 transition: 0.5s all ease;
	 left: 0;
	 right: 0;
	 background: linear-gradient(90deg, #0078d5, #0078d5);
	 opacity: 1;
	 z-index: -1;
} */

/* End Animated Button */
.swal-modal {
    width: 90%;
    margin: 0 auto;
    max-width: 480px;
}
.modal-open .modal {
    padding: 0px !important;
}
.modal-open {
    overflow: hidden;
    padding-right: 0px !important;
}
.swal-text {
    font-size: 20px;
    color: #202124;
}
.swal-button {
    border-radius: 999.9rem !important;
    background-color: rgb(0 120 213 / var(--tw-bg-opacity));
    border-color: rgb(0 120 213 / var(--tw-border-opacity));
    padding: 12px 50px;
    box-sizing: border-box;
}
.formDesigninner.formDesigninnerNew input
{
	z-index: 1;
}
.formDesigninner.formDesigninnerNew{
	background:transparent;
}
.box-new-bg-lay.newbgsetting {
    border: 2px solid #111f4445;
    padding: 24px;
    border-radius: 20px;
    margin: 40px 0;
    box-shadow: 0px 1px 2px 0px #111f4482;
    background: transparent;
}

.newbgsetting .new-layout ul li {
    display: flex;
    align-items: center;
}

.newbgsetting .new-layout ul li label {
    margin-bottom: 0;
}
.newbgsetting .new-layout ul li input[type="radio"] {
       width: 15px;
    height: 15px;
    top: 20px !important;
    left: -24px !important;
}
.formNamefieldswrap .formNamefields label {
    width: 100%;
    display: block;
    font-size: 16px;
    margin-bottom: 5px !important;
}

.formNamefieldswrap .formNamefields input {
    width: 100% !important;
    display: block;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.newbgsetting .new-layout ul.formNamefieldswrap li {
    display: block !important;
    margin-bottom: 0px !important;
}

.newbgsetting .new-layout ul ul.formNamefieldswrap li {
    display: block !important;
}

.newbgsetting .new-layout ulformNamefieldswrap li {
    display: block !important;
}

.newbgsetting .new-layout ul.formNamefieldswrap {
    padding: 0 10px;
}
.newbtnsdesign.textcenter {
    text-align: center;
}

.newbtnsdesign.text-center .btn.customanimbutton {
    max-width: 350px;
    width: 100%;
	    font-size: 20px;
}
.formDesigninner.formDesigninnerNew ul.formNamefieldswraps {
    padding: 0px;
    display: grid;
    align-items: center;
    grid-template-columns: 50% 50%;
}
.formDesigninner.formDesigninnerNew ul.formNamefieldswraps li .formNamefields label {
    display: block !important;
}
.formDesigninner.formDesigninnerNew ul.formNamefieldswraps li .formNamefields input {
    position: inherit !important;
    width: 100% !important;
    opacity: 1;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    height: auto !important;
}
.formDesigninner.formDesigninnerNew ul.formNamefieldswraps li .formNamefields label:before {
    display: none;
}
.formDesigninner.formDesigninnerNew ul.formNamefieldswraps li:last-child {
    text-align: end;
}
.formDesigninner.formDesigninnerNew ul.formNamefieldswraps li:first-child .formNamefields {
    display: grid;
    grid-template-columns: 15% 48%;
	align-items: center;
}
.formDesigninner.formDesigninnerNew ul.formNamefieldswraps li .formNamefields label{
	padding-left: 0;
}


.bg-ligh-Blue{
	background-color: #CFEAF2 !important;
}
.swal-icon--success__line--tip {
    width: 19px;
    left: 9px;
    top: 34px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: animateSuccessTip .75s;
    animation: animateSuccessTip .75s;
}
.swal-icon--success__line--tip {
    width: 13px;
    left: 3px;
    top: 22px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: animateSuccessTip .75s;
    animation: animateSuccessTip .75s;
}
.swal-icon--success__ring {
    width: 40px;
    height: 40px;
    border: 2px solid hsla(98, 55%, 69%, .2);
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}
.swal-icon {
    width: 40px;
    height: 40px;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    padding: 0;
    position: relative;
    box-sizing: content-box;
    margin: 10px auto !important;
}
.swal-icon--error__x-mark .swal-icon--error__line {
    position: absolute;
    height: 3px;
    width: 21px;
    background-color: #f27474;
    display: block;
    top: 18px;
    border-radius: 2px;
}
.swal-icon--success__line.swal-icon--success__line--tip {
    width: 13px;
    left: 2px;
    top: 20px;
}

.swal-icon--success__line.swal-icon--success__line--long {
    width: 27px;
    right: 5px;
    top: 18px;
}


.swal-icon--error__line--left {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 10px;
}

.swal-icon--error__line--right {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 9px;
}

.swal-text {
    text-align: center;
}



@media (max-width:1200px){
	.formDesigninner.formDesigninnerNew ul.formNamefieldswraps li:first-child .formNamefields{
		grid-template-columns: 20% 80%;
	}
}
@media (max-width:991px){
	.formDesigninner.formDesigninnerNew ul.formNamefieldswraps li:first-child .formNamefields{
		grid-template-columns: 30% 70%;
	}

    .updatemailing_process p.mailheading {
        font-size: 16px !important;
        line-height: 20px !important
    }
    .updatemailing_process p.add {
        font-size: 13px;
    }


}
@media (max-width:767px){
	    .formDesigninner.formDesigninnerNew ul.formNamefieldswraps li:first-child .formNamefields {
        grid-template-columns: 100%;
    }
	.formDesigninner.formDesigninnerNew ul.formNamefieldswraps {
		grid-template-columns: 1fr;
	}

	.formDesigninner.formDesigninnerNew ul.formNamefieldswraps li:last-child{
		text-align:start;
		padding: 0;
		margin: 0;
	}	
	#fc_frame, #fc_frame.fc-widget-normal {
		right: 15px !important;
	}

}
@media (max-width:575px){

	.form-shifted {
    padding-left: 15px;
}

	.formCustomTitle h3 {
		font-size: 20px;
	}
	.formCustomTitle .divided:before, .divided{
		    width: 180px;			
	}
	.customFormswrapper{
		padding:20px;
	}
}



/* End New Additional Css */








 @media screen and (min-device-width: 1201px) and (max-device-width:1991px){
			li.nav-item {margin: 0 10px !important;font-size: 13px;}	
	}
     @media screen and (min-device-width: 992px) and (max-device-width:1199px){

        .navbar.navbar-icon-top a.navbar-brand img {      width: 122px;   }
        .navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link {font-size: 14px; padding: 0 3px;}

     }
@media screen and (max-width: 400px){
	.l-box-left{width:100% !important; background:#0078d5;border-radius: 20px;float: left;padding:50px 30px; position:relative; margin-bottom: 30px;}
	}
.form-btn.form-btn-blue {
  background: #6ebe44 !important;
  color: #fff;
  border: 0;
  padding: 10px 0;
  width: 100%;
  font-size: 28px;
  border-radius: 5px;
}

.btn-primary {
    color: #fff;
    background-color:#0da8f0 !important;
    border-color: #0da8f0!important;
}

.btn-primary:hover {
    color: #fff;
    background-color: #54595f  !important;
    border-color: #54595f  !important;
}


/*loader*/
.triple-spinner {
    display: block;
    position: absolute;
    width: 125px;
    height: 125px;
    border-radius: 50%;
    border: 4px solid transparent;
        border-top-color: transparent;
        border-top-style: solid;
        border-top-width: 4px;
    border-top: 4px solid #61ce70;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: 0 auto;
        margin-top: 0px;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -110px;
}
.loader_three {
    width: 100%;
    height: 100%;
    background: #ccc;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
}
.triple-spinner::before,
.triple-spinner::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 4px solid transparent;
}
.triple-spinner::before {
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-top-color: #929497;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3.5s linear infinite;
}
.triple-spinner::after {
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-top-color: #0D59A6;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.75s linear infinite;
}




@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spinBack {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-720deg);
    transform: rotate(-720deg);
  }
}

@keyframes spinBack {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-720deg);
    transform: rotate(-720deg);
  }
}















.footer_mail span a, .footer_call span a{
    color: #fff;
}

.footer_mail span i, .footer_call span i{
    color: #fff;
    padding-right: 15px;
}

/*new*/
.hamburger .line{
  width: 24px;
  height: 2px;
  background-color: #fff;
  display: block;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#hamburger-1.is-active .line:nth-child(2){
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1){
  -webkit-transform: translateY(6px) rotate(45deg);
  -ms-transform: translateY(6px) rotate(45deg);
  -o-transform: translateY(6px) rotate(45deg);
  transform: translateY(6px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3){
  -webkit-transform: translateY(-8px) rotate(-45deg);
  -ms-transform: translateY(-8px) rotate(-45deg);
  -o-transform: translateY(-8px) rotate(-45deg);
  transform: translateY(-8px) rotate(-45deg);
}

button.navbar-toggler {
    outline: none;
}
.pulse2 {
-webkit-animation: pulse 600ms infinite alternate;
animation: pulse 600ms infinite alternate;
font-weight: 600 !important;
font-size: 15px;
}
@-webkit-keyframes pulse {
	50% { color: #28E326; }
	50% { color: #6c757d; }
}
@keyframes pulse {
	50% { color: #28E326; }
	100% { color:#6c757d; }
}
.pt.pl.pb.title-sidebar.darkblue.mb {
  font-weight: 600;
}
.title-sidebar .fa.fa-link.pr-xl {
  margin-right: 10px;
}

/*end new*/
.login_box_wraper h6 {
  font-weight: 600 !important;
  color: #000 !important;
  font-size: 19px;
}
.login_box_wraper h6 a {
  text-decoration: underline;
  color: #000;
}
























@media (max-width: 540px){

	.footer_call, .footer_mail, .footer_copyright, .footer_term{
		text-align: center;
	}


	.footer-area{
    padding: 0px;
}
}


.dropdown-toggle::after{display: none;}
.dropdown-item {
    padding: 0.5rem 2rem 0.5rem 0.5rem;
    border-bottom: 1px solid #0da8f0;
}
.dropdown-menu {
    padding: 0;
	margin-left: 20px;
    min-width: 13rem;
}
.dropdown-item:hover {
  text-decoration: underline;
  background:transparent;
}
.dropdown-item {
  padding: 16px 10px;
  border-bottom: 0px solid #0da8f0;
  font-family: 'Inter';
}

.panel-cards-side.pl-lg.pb-lg{
	margin-top: 30px;
	margin-bottom: 10px;
    background-color: #fff;
    padding: 20px;
}



.panel-cards-side.pl-lg.pb-lg .fa-ul .pb{
    padding: 5px;
    border-bottom: 1px solid #dee2e6;
}



.panel-cards-side.pl-lg.pb-lg .fa-ul i{     font-size: 20px;
    line-height: 26px;
    width: 20px;
    height: 20px;
    color: #0da8f0;
    text-align: center;}


    .panel-cards-side.pl-lg.pb-lg .fa-ul .pb i {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 4px;
    text-align: center;
}


.swal-button {
        background-color: #0a142a !important;
    border-radius: 30px !important;
}



@media (max-width:767px){
	.search .closebtn {
    position: absolute;
    top: -30px;
    right: 0px;
    font-size: 40px;
    cursor: pointer;
    color: #000;
}
.footer_right ul li a{
	font-size:15px
}


}


.triple-spinner {
    display: block;
    position: absolute;
    width: 125px;
    height: 125px;
    border-radius: 50%;
    border: 4px solid transparent;
        border-top-color: transparent;
        border-top-style: solid;
        border-top-width: 4px;
    border-top: 4px solid #929497;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: 0 auto;
        margin-top: 0px;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -110px;
}
.loader_three {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
}
.triple-spinner::before,
.triple-spinner::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 4px solid transparent;
}
.triple-spinner::before {
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-top-color: #0da8f0;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3.5s linear infinite;
}
.triple-spinner::after {
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-top-color: #0da8f0;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.75s linear infinite;
}




@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spinBack {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-720deg);
    transform: rotate(-720deg);
  }
}

@keyframes spinBack {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-720deg);
    transform: rotate(-720deg);
  }
}



@media screen and (max-width: 991px){
.enrollnow.mobileEnroll {
    display: none;
    width: auto;
    padding: 5px 10px;
    text-align: center;
    line-height: initial;
    position: absolute;
    top: 15px;
	right: 17%;
}	
.nav-item.desktopEnroll{display:block;}

.collapse.show {
  padding-top: 0px;
}
.navbar-nav {
    margin-top: 100px;
}
.navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link {
  padding: 29px 0;
  border-width: 1px;
  border-color: hsla(0,0%,100%,.06);
  border-block-style: solid;
}
.navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link:hover{background:transparent; color:#fff;}
.nav-link.dropdown-toggle {
  position: relative;
}
.navbar-icon-top .navbar-nav .nav-link > .fa {
  top: 35px;
  line-height: 12px;
  right: 0;
  position: absolute;
}
.dropdown-menu {
  background: transparent;
}
.dropdown-item, .dropdown-item:hover {
  color: #fff;
}
.navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link.inverse {
    color: #ffffff !important;
}
.enrollnow, .myaccountBtn.nav-item {
    margin-left: 0;
    width: 100%;
    margin-bottom: 20px;
	    text-align: center;
}






		
	
}	

@media screen and (max-width: 600px){
.navbar.navbar-icon-top a.navbar-brand img {
    width: 90px;
}	
.enrollnow.mobileEnroll {
    right: 90px;
	top:6px;
}
}	
@media screen and (max-width: 550px){
	
	.footer_right ul li a{
		font-size: 16px;
	}
	.footer_right ul {
    display: block;
    text-align: center;
}
.copyRighttext {
    text-align: center;
}
	
	.l-box-left{
		width:100% !important; background:#0078d5;border-radius: 20px;
		float: left;padding:50px 30px; position:relative; margin-bottom: 30px;}
	}
	
footer .footer-new {
  padding:20px 0px 10px 0px !important;
  background-color: #111f44 !important;
  margin-top:20px;
  font-family: 'Inter' !important;
}
footer {
  background-image: none !important;
  background-color:#fff !important
  
}
.fw-bold {
  font-weight: bold;
  
}
.btn.btn-social {
  color: #fff;
  background-color: #0062C2 !important;
  border-color: #0062C2 !important;
}
.btn.btn-social:hover {
  color: #fff;
  background-color:#057EF4 !important;
  border-color:#057EF4 !important;
}

.hegon-bootom-c-ara-bootom1.mobile-text-plan-botom p {
    font-size: 14px;
    line-height: 14px;
    padding-left: 30px;
    margin-left: 15px;
    text-align: right;
}
/*=====================25-05-2023=============*/

.box-new-bg-lay{margin: 16px auto 0;border: 1px solid #ccc;padding: 15px;border-radius: 15px; padding:30px; padding-bottom:70px;background-color: #CFEAF2;box-shadow: -1px 2px 6px #d2cece}
.new-layout ul li {
  list-style: none;
    font-size: 17px;
    padding-top: 14px;
    margin: 14px 0;
    position: relative;
}
.new-layout label {
  cursor: pointer;
}
#ineligible_transfer_exception {
  margin-right: 15px;
}
.nlad-h2{ 
color:#0062C2; 
font-family: 'Inter';
font-size:26px;
font-weight: 500;
margin: 45px 40px 0;
}
.nlad-h3 {
  color: #0DA8F0;
  font-family: 'Inter';
  font-size:24px;
  font-weight: 500; text-align:center;
}

.nlad-h3-section1 {
    font-size: 16px;
}
.nld-bt{padding: 8px 30px;background-color: #fff;border-radius: 5px;box-shadow: 0 0 6px 1px #828282;border: 0;cursor: pointer;}
#ineligible_transfer_exception {
  margin-right: 15px;
  position: absolute;
  left: -24px;
  top: 24px;
  cursor: pointer;
}
.customFormswrapper.cd_term_condtion_box {
  border: 0;
  padding: 0;
  box-shadow: none;
}
.customFormswrapper.cd_term_condtion_box h3 {
  font-size: 22px !important;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1240px;
  }
}
@media (max-width: 600px) {
.footer_right ul li a {
  margin-left: 20px;
}
.swal-overlay--show-modal .swal-modal h3 {
  font-size: 18px;
}
}