.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
}
.fa, .fas {
    font-weight: 900;
}
.fab {
    font-family: "Font Awesome 5 Brands";
}
.variant-features li {
	position: relative;
	padding: .2rem 0 .2rem 0rem;
}
section#plans #variant-groups .variant-features { text-align: center; }
section#plans #variant-groups .variant-features li:before {
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 15px;
    height: 15px;
   /* position: absolute;
    top: 3px !important;
    left: 10px;*/
}
#goodtel-global-modal.reveal{
	border-radius: 20px;
	-webkit-box-shadow: 5px 5px 15px 5px #999; 
	box-shadow: 5px 5px 15px 5px #999;
	padding: 4rem;
}
#goodtel-global-modal.reveal h2{
	font-size: 1.5rem;
}
.product-radio-option .button { bottom: 1rem; }
.tooltip {
    max-width: 12rem !important;
}
.flex-box{
    display:flex;
    gap:10px;
    align-items:center;
}
.hover-container,.position-relative {
  position: relative;
}

.hover-target {
  position: relative;
  font-size: 2rem;
}

.hover-popup {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  bottom: 50%;
  left: 5%;
  width: 50ch;
  margin: min(1rem, 20px);
  font-size: .8rem;
  background-color: #85639a;
  border-radius: 50px;
  padding: 3em;
  z-index: 42;
  transform: scale(0);
  transition: transform 200ms ease;
  transform-origin: 8% -10px;
}

.hover-target:hover + .hover-popup,
.hover-target:focus + .hover-popup,
.hover-popup:hover{
  transform: scale(1);
}

.hover-popup span {
  color: rgb(200, 20, 0);
  font-weight: 700;
}

.hover-popup::before {
/* This is the triangle/arrow */
  content: '';
  position: absolute;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 25px solid #85639a;
  bottom: 0px;
  left: 0;
}
.hover-popup p{
    color:#fff;
    line-height:1.3;
    font-weight:300;
    font-family: lota_grotesquelight, sans-serif;
}
.hover-popup::after {
  /* This is merely here to expand the hoverable area, as a buffer between the "Hover me" text and the popup. */
  content: '';
  position: absolute;
  top: -1rem;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.esim-requrement{
    margin-top: 24px;
    font-family: fslola-extrabold, sans-serif;
}
.sim-type-button label{
    font-family: fslola-extrabold, sans-serif;
    font-size: 22px;
}
.shipping-mobile-none.hide-esim{
    display: none;
}
@media (min-width: 40em) {
	.causes-list .card-section .button, .causes-list-product .card-section .button {
	    position: inherit;
	    margin-top: 0;
	    margin-bottom: 1rem !important;
	    transform: inherit;
	}
	.causes-list-product .card-section:nth-of-type(1) {
	    height: 140px;
	}
}
@media(min-width:1024px ) and (max-width: 1100px) {
	.causes-list-product .card-section:nth-of-type(1) {
	    height: 170px;
	}
}
@media(min-width:1024px ) and (max-width: 1400px) {
	.card-section .h4 {
	    font-size: 14px;
	}
}
@media(min-width: 1200px) {
	.products-list .card .card-section h2 { font-size: 1rem; }
}
@media(max-width: 1250px) {
	.product-radio-option .button {
	    width: calc(100% - 2rem);
	    padding: 1rem;
	}
}
@media(max-width: 1023px) {
	#plans-tabs .grid-margin-x.small-up-1>.cell {
	    margin-bottom: 1rem;
	}
	.hover-popup {
        left: -245px;
        width: 300px;
        bottom: 100%;
        padding: 2em;
    }
    .hover-popup::before {
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-bottom: none;
        border-top: 40px solid #85639a;
        bottom: -18px;
        right: 24px;
        left: auto;
    }
}

.service_plans .customerServiceList{
		padding:0;
		margin:20px 0 0 0;
}
.service_plans .customerServiceList li{
		margin: 0 20px 0 0;
		display: inline-block;
		border: 0;
		/*background-color: #fff;
		box-shadow: 0 0 10px rgba(0,0,0,.1);*/
		width: 22%;
		text-align:center;
}
.service_plans .customerServiceList li a{
		font:500 1.2rem "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
		line-height:20px;
		color:#fff;
		border-radius: 25px;
		background-color: rgb(112, 212, 74);
		margin-bottom: 30px;
		padding: 15px 20px 15px 0px;
		display:block;
		border:1px solid rgb(112, 212, 74);
		transition: all 0.5s ease-in-out;
		z-index: 9;
		position: relative;
}
.service_plans .customerServiceList li a:hover{
		font:500 1.2rem "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
		line-height:20px;
		color:#000;
		border-radius: 25px;
		background-color:#fff;
		margin-bottom: 30px;
		padding: 15px 20px 15px 0px;
		display:block;
		border:1px solid #ccc;
		transition: all 0.5s ease-in-out;
}
.service_plans .customerServiceList li a i,
.service_plans .customerServiceList li a:hover i
{
		/*color:rgb(112, 212, 74);*/
		color:#fff;
		padding:0;
		margin:0 20px 0 0;
		font-size:25px;
}
.service_plans .customerServiceList li a:hover i{
		color:#000;
}
#formListServiePlans{
		position:relative;
		overflow:hidden;
}
.right_icon{
		position: absolute;
		right: -2px;
		top: -14px;
		font-size: 550px;
		transform: rotate(-30deg);
		opacity: 0.1;
		color: rgb(112,212,74);
}
.service_plans .customerBalanceList .balance-list{
		padding:0;
		margin:0;
}
.service_plans .customerBalanceList .balance-list li{
		list-style:none;
		padding:0;
		margin:0;
}
.service_plans .customerBalanceList .balance-list li .balance-box h3{ 
		font:700 25px fslola-extrabold,sans-serif;
		line-height:30px;
		color:rgb(112, 212, 74);
		padding:15px 0 10px 0;
		margin:0;
}
.service_plans .customerBalanceList .balance-list li .balance-box br{
		display:none;
}
.service_plans .customerBalanceList .balance-list li .balance-box span{ 
		font:400 18px "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
		line-height:22px;
		color:#595959;
		padding:0 0 0 0;
		margin:0 0 5px 0;
		display:block;
}


.addressRequestDiv .promocode-errors, .active-page .promocode-errors, #verify-sim-error-msg h5 {
    font-size: 15px;
    line-height: 22px;
}
.addressRequestDiv .promocode-errors {
    text-align: justify;
}
.addressRequestDiv .promocode-errors a, .active-page .promocode-errors a, #verify-sim-error-msg h5 a {
    color: #70d44a;
}
.section-check-balance .tab_container{
	width: 83%;
}
.section-check-balance form#activate-sim-login{
	width: 60%;
}

.customerBalanceList .note-text{
	padding: 20px 0;
	font-size: 15px;
}
table.balance-list tbody td, table tbody th {
    padding: .5rem 10px;
}
table.balance-list tbody tr{
	border-bottom: 1px solid #fff;
}
table.balance-list tbody tr:nth-child(even) {
    background-color: #f3f3f3;
}

.content-builder-text-plus-image-grey-background{
	background-color: #28282a;
	color: #ffffff !important;
}
.content-builder-text-plus-image-grey-background .content{
	width: 95%;
}
/*.content-builder-text-plus-image-grey-background h1{font-size: 4rem;}*/
.content-builder-text-plus-image-grey-background .button{
	background: #70d44a;
	color: #231f20;
}
.content-builder-text-plus-image-grey-background .button{
	background: #70d44a;
	color: #231f20;
}
.content-builder-text-plus-image-grey-background .button:hover{
	background: #999;
	color: #70d44a;
}
.content-builder-text-green-background{
	width: 100%;
	background-color: #d0ecbf;
	padding: 3%;
}
.content-builder-text-grey-background{
	background-color: #dde1cc !important;
	width: 100%;
	padding: 3%;
}
.content-builder-text-grey-background td, .content-builder-text-grey-background tbody, .content-builder-text-grey-background tr{
	background-color: #dde1cc !important;
}

.content-full-width{
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
}

.grid-container{
	width: auto;
}

.margin-auto{
	margin: 0 auto !important;
}
.item-start{
	align-items: start;
}
.agreement-copy p a{
	color: #70d44a;
}
.error-message{
	text-transform: capitalize;
}
#embed-voi iframe{
	border-radius: 14px !important;
}
.variant-info.has-tip{
	top:0;
}
.all-plans .green.fas {
    font-weight: 900;
    margin-bottom: 0;
}
#hs-form-frame1 > *{
	min-height: 610px;
}
@media (min-width: 538px) and (max-width: 900px) {
  	#hs-form-frame1 > *{
		min-height: 450px;
	}
}
@media (min-width: 901px) and (max-width: 1076px) {
  	#hs-form-frame1 > *{
		min-height: 610px;
	}
}
@media screen and (min-width:1077px) {
    #hs-form-frame1 > *{
		min-height: 450px;
	}
}
@media screen and (max-width:64em) {
    nav.dropdown-pane.is-open .fullscreen-height{
        height: auto !important;
    }
}
.overflow-y-hidden{
	overflow-y: hidden !important;
}