@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;400;500&display=swap');
.back_to_popular{
	display:none;
}
/**************card_container ******************/
.card_coupon_heading{
	color:var(--e-global-color-primary)
}
.card_coupon_heading img{
	margin:0px 5px;
}

.plan-name-and-icon{
	margin-right:10px;
	margin-left:10px;
}
.plan-name-container .elementor-widget-wrap{
	align-content:center;
	
}
.plan-image-container .elementor-widget-wrap img{
	height:80px;
}
.plan-countries_details-container .elementor-heading-title{
	direction:rtl;
	text-align:right;
}
.discount{
	display:none;
}
.discount div{
	width:100%;
	font-weight:bold;
	font-size:20px;
}
.percent_discount .elementor-widget-wrap,
.priceoff_discount .elementor-widget-wrap{
	
	border-radius:10px;
	padding:10px;
	margin:10px;
	
	flex-direction:column;
	text-align:center;
	border:1px solid var(--e-global-color-primary);
}
.share-btn img{
	width:50px;
	
}
.share-btn{
	cursor:pointer;
}
.plan-container-share-area .elementor-widget-wrap{
	display:grid !important;
	grid-template-columns: auto 50px;
}
/***********************tabular*****************/
.tabulator{
	border-radius:10px;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell,
.tabulator.tabulator-rtl .tabulator-header .tabulator-col{
	border-left:0px !important;
	border-right:0px !important;
	border-bottom:1px solid #EAECF0;
	cursor:default;
}
.tabulator-row.tabulator-row-even,
.tabulator-row.tabulator-selectable:hover{
	background-color:transparent !important;
}
.tabulator .tabulator-footer{
	background-color:#ffffff !important;
}
.tabulator .tabulator-footer .tabulator-paginator{
	text-align:center !important;
}
.tabulator .tabulator-footer .tabulator-paginator .tabulator-pages .tabulator-page{
	border:0px !important;
	color:#667085;
}
.tabulator .tabulator-footer .tabulator-paginator .tabulator-pages .tabulator-page.active{
	color:var(--e-global-color-primary);
	background-color:#F9E2E2;
}
.tabulator .tabulator-footer .tabulator-paginator [data-page="first"],
.tabulator .tabulator-footer .tabulator-paginator [data-page="prev"]{
	float:right;
	color:#667085;
}
.tabulator .tabulator-footer .tabulator-paginator [data-page="last"],
.tabulator .tabulator-footer .tabulator-paginator [data-page="next"]{
	float:left;
	color:#667085;
}
.tabulator-cell a{
	font-weight:500;
	
}

/**
 * sorter 
*/
.tabulator-col-sorter{
	right:0px !important;
}
.tabulator-col-title{
	margin-right:15px !important;
}

/********** loader *********************/
#loader{
	width:100%;
	height:80vh;
	background-color:var(--e-global-color-primary);
	border-radius:10px;
	display:flex;
	align-items:center;
	justify-content:center;
}
@media only screen and (max-width:767px){
	#loader{ 
		height:60vh;
	}
}
#loader img{
	transition:all .5s;
	animation-name: plane-rotate;
	 animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	transform:scale(0.5);
	
	
}
@keyframes plane-rotate {
  0%   {transform:rotate(0deg)}
  25%  {transform:rotate(90deg)}
  50%  {transform:rotate(180deg)}
  75% {transform:rotate(270deg)}
	100% {transform:rotate(360deg)}
}
/********** filter area**************** */
.selectize-control{
	width:500px;
}
@media only screen and (max-width:767px){
	.selectize-control{
		width:100%;
	}
}
.esim-filter-plans .elementor-widget-wrap{
	margin:20px;
}
.esim-filter-plans .filter_container{
	display:grid;
	grid-template-columns:50% 25% 25%
}
.esim-filter-plans .filter_container .price,
.esim-filter-plans .filter_container .data{
	display:flex
}
.esim-filter-plans .filter_container .price input:not(:last-child),
.esim-filter-plans .filter_container .data input:not(:last-child){
	margin-left:10px;
}
@media only screen and (min-width:767px){
.filter_container > div:not(:last-child){
	margin-left:50px;
}
}
/***********mobile**********/
 #sort_items{
	border: 1px solid #cccccc;
}

.mobile_plans .elementor-widget-wrap .tabulator{
	border:0px;
	background-color:transparent;
}
.mobile_plans .elementor-widget-wrap .tabulator-row,
.mobile_plans .elementor-widget-wrap  .tabulator-table{
	background-color:transparent !important;
}
.mobile_plans .elementor-widget-wrap .tabulator-table{
	width:100%;
}
.mobile_plans .elementor-widget-wrap{
	display:block !important;
}
.mobile_one_plan {
	width:100%;
	direction:ltr;
	border:1px solid #D8D8D8;
	border-radius:8px;
	margin:5px 0px;
	padding:5px;
	background:white;
	position:relative;
	right:0px;
	
	font-family:"Inter";
}
.mobile_one_plan a{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
}
.mobile_one_plan .plan_icon {
	height:35px !important;
	margin:5px;
}
.mobile_one_plan .plan_name_container{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	
}
.mobile_one_plan .gray_detail{
	padding:5px 8px;
	background:#EBEEF0;
	color:#374151;
	border-radius:8px;
}
.mobile_one_plan .detail_container{
	padding:15px 0px 10px 0px;
	display:flex;
	align-items:center;
	gap: 10px;
}
.mobile_one_plan .price_plan{
	color:var(--e-global-color-primary);
	font-size:25px;
	font-weight:500;
	padding:10px 5px;
	border-right:2px solid #EBEBEB;
	
}
.mobile_filter .elementor-widget-wrap{
	direction:ltr;
}

@media only screen and (max-width:767px){
	html, body{
    width: 100%;
    position: relative;
    overflow-x:hidden
}

	.filter_container{
		width:100%;
	}
}



/* * Filter CSS from local_filter.css */

.selector_25{
	width:calc(25% - 20px);
	border-radius:12px;
	border:2px solid #E5E7EB;
	text-align:right;
	padding:10px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	margin:0px 10px;
}
.selector_25:has(select) {
	width: calc(50% - 20px);
}
.sorting_container{
	padding:20px 10px;
	display:flex;
	justify-content:space-between;
	align-items:flex-end
}
@media only screen and (max-width:767px){
	.selector_25{
		width:calc(50% - 20px); 
		margin-bottom:20px;
	}
	.selector_25:has(select) {
		width: calc(100% - 20px);
	}
	.selectors_container,
	.sliders_container{
		display:flex;
		flex-wrap:wrap;
	}
	.sorting_container{
		flex-direction:column;
		align-items:flex-start;
	}
	.sort_items_container{
		margin: 20px 10px;
        width: calc(100% - 20px);
	}
	
}
.selector_name{
	color:#EA0706;
	font-weight:bold;
}
.value_text{
	color:#111827;
	font-size:30px; 
	font-weight:bold;
}
.divider{
    border: 1px solid #E5E7EB;
    margin: 10px 0px !important;
}