/*
Theme Name: esimba.ai eSIM Theme
Author: esimba.ai
Description: Theme for esimba.ai partners
Theme URI:   https://esimba.ai
Tags: esim, travel, esimba.ai, connectivity
Version:     0.1.1
*/

.navbar {
	color: var(--header-link-color);
}
* svg {
	fill: var(--accent-color);
}

@font-face {
	font-family: 'Poppins';
	src:         url('/wp-content/themes/esimba/fonts/Poppins-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style:  normal;
}

@font-face {
	font-family: 'Poppins Bold';
	src:         url('/wp-content/themes/esimba/fonts/Poppins-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style:  normal;
}
@font-face {
	font-family: 'Lato';
	src:         url('/wp-content/themes/esimba/fonts/Lato-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style:  normal;
}

@font-face {
	font-family: 'Lato Bold';
	src:         url('/wp-content/themes/esimba/fonts/lato-extrabold.ttf') format('truetype');
	font-weight: normal;
	font-style:  normal;
}
@font-face {
	font-family: 'Montserrat';
	src:         url('/wp-content/themes/esimba/fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
	font-weight: normal;
	font-style:  normal;
}

@font-face {
	font-family: 'Montserrat Extra Bold';
	src:         url('/wp-content/themes/esimba/fonts/Montserrat-ExtraBold.ttf') format('truetype');
	font-weight: normal;
	font-style:  normal;
}

@font-face {
	font-family: 'Nunito Sans';
	src:         url('/wp-content/themes/esimba/fonts/NunitoSans.ttf') format('truetype');
	font-weight: normal;
	font-style:  normal;
}

@font-face {
	font-family: 'Gellix';
	src:         url('/wp-content/themes/esimba/fonts/Gellix-Regular.otf') format('opentype');
	font-weight: normal;
	font-style:  normal;
}

@font-face {
	font-family: 'Gellix';
	src:         url('/wp-content/themes/esimba/fonts/Gellix-Bold.otf') format('opentype');
	font-weight: 700;
	font-style:  normal;
}

@font-face {
	font-family: 'Gellix';
	src:         url('/wp-content/themes/esimba/fonts/Gellix-Medium.otf') format('opentype');
	font-weight: 500;
	font-style:  normal;
}

@font-face {
	font-family: 'Gellix';
	src:         url('/wp-content/themes/esimba/fonts/Gellix-SemiBold.otf') format('opentype');
	font-weight: 600;
	font-style:  normal;
}

html, body { height: 100%; }
body {
	background: #F8F8F8;
	
	width:      100%;
	font-size:  14px;
}
html:not([lang=ar]) div, html:not([lang=ar]) *:not(i) {
	font-family: var(--font-family) !important;
}

#page {
	padding: 0 20px;
}

h1 {
	font-size:   40px;
	font-weight: 700;
	color:       var(--main-font-color);
}

h1 {
	text-align: center;
	margin:     30px auto;
	max-width:  80%;
}

h2 {
	font-weight: 700;
	font-size:   56px;
	line-height: 73px;
	text-align:  center;
	color:       var(--main-font-color);
}

h3 {
	font-weight: 700;
}

h4 {
	font-weight: 400;
	font-size:   24px;
	line-height: 29px;
	color:       var(--main-font-color);
}

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

h2.main-title {
	max-width:   1020px;
	margin:      97px auto 0;
	/*font-family: 'Montserrat Extra Bold';*/
	font-size:   48px;
	line-height: 60px;
	margin-top:  40px;
}
h2.second-line {
	margin-bottom: 30px;
	font-size:     48px;
}

h4.main-subtitle {
	max-width:     650px;
	margin-bottom: 85px;
	margin-left:   auto;
	margin-right:  auto;
	line-height:   37px;
}

/* === Header === */
header {
	width:           100%;
	/*height:     85px;*/
	text-align:      center;
	display:         flex;
	justify-content: space-between;
	align-items:     center
}

header .navbar {
	width: 100%;
}

header .site-logo-section,
header .site-menu-section,
header .login-section {
	display:        inline-block;
	vertical-align: middle;
}
header .site-logo-section {float: left;}
header .site-menu-section {
	/* margin-top: 33px; */
	width: 100%;
}

header .menu-header-menu-container {
	width: 100%;
}

header .login-section {
	float:       right;
	align-items: center;
}
header nav .login-section {
	float: unset;
}
header .site-logo-section .custom-logo {
	margin-left: 40px;
	/*margin-top:  19px;*/
}
html[dir=rtl] header .site-logo-section .custom-logo {
	margin-right: 0;
}
header .menu-item,
header .menu-item a {
	font-weight:     400;
	font-size:       16px;
	line-height:     19px;
	display:         inline-block;
	color:           var(--header-link-color);
	text-decoration: none;
}

header .menu-item {
	margin-right: 50px;
}

html[dir=rtl] header .menu-item {
	margin-right: 50px;
}
@media screen and (max-width: 991px) {
	html[dir=rtl] header .menu-item {
		margin-right: 0px;
	}
	
	#menu-header-menu {
		padding-inline-start: 0px;
	}
}

head .menu {
	display:         flex;
	justify-content: space-evenly;
}

header .site-menu-section .menu-item:last-child {margin-right: 0;}
header .site-menu-section .menu-item:hover {
	text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
header .site-menu-section .menu-item:hover a {
	color: #000000;
}

header .login-section .url {
	text-decoration: none;
	font-size:       16px;
	line-height:     19px;
	display:         inline-block;
	vertical-align:  middle;
	margin:          auto;
	border-radius:   10px;
	min-width:       146px;
	width:           fit-content;
	height:          52px;
	padding:         15px 32px;
	text-wrap:       nowrap;
	border:          solid 1px var(--header-link-color);
	color:           var(--header-link-color);
	font-weight:     600;
}

header .login-section .url:hover {
	background-color: var(--header-link-color);
	color:            var(--header-background-color);
	border-color:     var(--header-link-color);
}

#faq .button {
	border: solid 1px var(--accent-color);
	color:  var(--accent-color);
}
#faq .button-container {
	text-align: center;
}
header .login-section .sign-up-btn {
	min-width:        fit-content;
	background-color: var(--header-link-color);
	color:            var(--header-background-color);
	margin-left:      10px;
}
header .login-section .sign-up-btn:hover {
	background-color: var(--header-background-color);
	color:            var(--header-link-color);
	border-color:     var(--header-background-color);
}
header .login-section .sign-up-btn span { line-height: 46px; }


.wp-block-group {
	box-sizing: border-box;
}

.wp-element-button {
	cursor: pointer;
}

.wp-element-button {
	width:           200px;
	height:          56px;
	line-height:     56px;
	border-radius:   10px;
	text-align:      center;
	font-size:       14px;
	font-weight:     bold;
	color:           #ffffff;
	text-decoration: none;
}

.wp-element-button:hover {
	color: var(--button-hover-color);
}

.wp-primary-button {
	background: var(--accent-color);
}

.wp-text-white {
	color: #ffffff;
}

.wp-d-block {
	display: block;
}

.wp-align-center {
	margin: 0 auto;
}

.benefits {
	margin-top:    30px;
	margin-bottom: 150px;
}

.benefit_card {
	width:            100%;
	background-color: #ffffff;
	border-radius:    20px;
	display:          flex;
	align-items:      center;
	flex-direction:   column;
	padding:          0px 10px 30px 10px;
	box-shadow:       0px 7px 29px 0px rgba(100, 100, 111, 0.20);
}

.benefit_card .benefit-title {
	margin-top:  15px;
	color:       var(--accent-color);
	font-size:   20px;
	font-weight: 700;
	text-align:  center;
}

.benefit_card .benefit-description {
	/*width: 200px;*/
	/*height: 54px;*/
	font-weight: 400;
	font-size:   16px;
	margin-top:  5px;
	text-align:  center;
}

.benefit_card .circle {
	width:           60px;
	height:          60px;
	border-radius:   60px;
	/*background-color: #ffffff;*/
	display:         flex;
	align-items:     center;
	justify-content: center;
	margin-top:      30px;
}

footer {
	min-height: 243px;
	background: var(--footer-background-color);
	margin-top: 87px;
}

footer .footer-content {
	margin:         50px auto 50px;
	display:        flex;
	flex-direction: column;
	align-items:    center
}
footer .socials {
	display:         none;
	/*display: flex;*/
	justify-content: space-around;
	width:           225px;
}

footer .socials a {
	text-decoration: none;
	color:           var(--footer-background-color);
	/*color: var(--bottom-link-color);*/
	font-size:       22px;
}
footer .socials i {
	display:          flex;
	justify-content:  center;
	align-items:      center;
	width:            38px;
	height:           38px;
	background-color: #ffffff;
	border-radius:    40px;
}

footer .mail {
	margin-top:      30px;
	display:         flex;
	justify-content: center
}

footer .mail a {
	text-decoration: none;
	color:           var(--bottom-link-color);
	font-size:       18px;
	font-weight:     normal;
}

footer .bottom-menu {
	margin-top:     30px;
	display:        flex;
	min-width:      505px;
	flex-direction: column;
	align-items:    center;
	gap: 10px;
}

footer .bottom-menu li {
	display: inline-block;
}

footer .bottom-menu a {
	text-decoration: none;
	color:           var(--bottom-link-color);
	font-size:       18px;
	font-weight:     700;
	font-style: normal;
	line-height: 120%;
}

.why-us {
	margin-bottom: 150px;
}

.why-us .img1 {
	width:  516px;
	height: 342px;
}

.why-us .img2 {
	position: absolute;
	left:     256px;
	top:      180px;
	width:    310px;
	height:   207px;
}

.why-us .desc {
	width: 482px;
}

.why-us .why-us__title {
	color:         var(--main-font-color);
	font-weight:   700;
	font-size:     40px;
	margin-bottom: 40px;
}

.why-us .why-us__text p {
	font-weight: 400;
	font-size:   16px;
	line-height: 150%;
}

.questions {
	margin: auto;
	/*max-width: 740px;*/
}

.question {
	color:           #070403;
	font-size:       16px;
	font-style:      normal;
	font-weight:     700;
	line-height:     130%;
	min-height:      67px;
	display:         flex;
	align-items:     center;
	justify-content: space-between;
	margin-top:      20px;
	box-shadow:      0px 7px 29px 0px rgba(100, 100, 111, 0.20);
	padding:         16px 30px;
	border-radius:   20px;
	margin-bottom:   20px;
}

html[dir=rtl] .question {
	padding-left:  10px;
	padding-right: 30px;
}

.question[aria-expanded=true] .arrow-down {
	rotate:     180deg;
	transition: all 0.5s ease-out;
}

.question[aria-expanded=false] .arrow-down {
	rotate:     0deg;
	transition: all 0.5s ease-out;
}

.questions .answer {
	margin-top: 10px;
}

.mb-20 {
	margin-bottom: 20px;
}

#navbarSupportedContent {
	padding:            20px;
	margin-top:         4px;
	border-radius:      10px;
	-webkit-box-shadow: 0 4px 26px rgba(36, 62, 86, 0.1);
	-moz-box-shadow:    0 4px 26px rgba(36, 62, 86, 0.1);
	box-shadow:         0 4px 26px rgba(36, 62, 86, 0.1);
}

.navbar-nav .nav-item a,
.navbar-nav .menu-item a {
	font-weight:   400;
	font-size:     16px;
	line-height:   24px;
	margin-bottom: 30px;
	margin-left:   0;
}
.navbar-nav .nav-item a:hover {
	background-color: var(--button-hover-color);
}


.navbar-nav .sign-up-btn {
	display:         flex;
	width:           100%;
	justify-content: center;
	border-radius:   10px;
	height:          49px;
	align-items:     center;
	font-style:      normal;
	font-weight:     700 !important;
	font-size:       16px;
	text-decoration: none;
}

.navbar-nav .login-btn {
	display:         flex;
	width:           100%;
	border:          solid 1px #ffffff;
	justify-content: center;
	border-radius:   10px;
	height:          49px;
	align-items:     center;
	font-style:      normal;
	font-weight:     700 !important;
	font-size:       16px;
	text-decoration: none;
}

header .navbar .site-logo-section .custom-logo {
	width:       120px;
	height:      auto;
	margin-left: 20px;
}

header .site-logo-section .custom-logo {
	height: 60px;
	width:  auto;
}

.login-section .url {
	color: var(--accent-color);;
}

.login-section .url:hover {
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.10);
}


.benefits-section {
	margin-top: 100px;
}

@media screen and (max-width: 1199px) {
	.why-us .desc {
		width: 100%;
	}
}

@media screen and (max-width: 575px) {
	footer .bottom-menu {
		min-width:            unset;
		display:              flex;
		flex-direction:       column;
		padding-left:         0;
		padding-inline-start: 0;
		align-items:          center;
	}
	
	h2 {
		font-size:   35px;
		line-height: 45px;
	}
	
	.type-page {
		padding-left:  0 !important;
		padding-right: 0 !important;
	}
}

.second-color {
	color: var(--accent-color);
}

.accordion-arrow {
	text-decoration: none;
	font-weight:     400;
	font-size:       16px;
	line-height:     19px;
	display:         inline-block;
	vertical-align:  middle;
	border-radius:   90px;
	background:      var(--button-hover-color);
	height:          52px;
	padding:         15px 32px;
}

button.navbar-toggler {
	background-color: transparent !important;
	border:           none !important;
}

.navbar-toggler:focus {
	box-shadow: none;
}

.faq-btn-section {
	width:           100%;
	display:         flex;
	justify-content: center;
}

.btn-faq {
	text-decoration: none;
	font-size:       16px;
	line-height:     19px;
	display:         inline-block;
	vertical-align:  middle;
	margin:          auto;
	border-radius:   90px;
	background:      #F7F6FD;
	width:           204px;
	height:          52px;
	padding:         15px 32px;
	text-align:      center;
	color:           var(--accent-color);
	font-weight:     700;
}

.btn-faq:hover {
	color:      var(--accent-color);
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.10);
}

@media screen and (max-width: 600px) {
	.faq-tabs {
		display:        flex;
		flex-direction: column !important;
	}
	
	.elementor-widget-accordion {
		width: 100% !important;
	}
	
	.elementor-tab-title {
		padding-right: 15px !important;
	}
	
	.elementor-tab-title a {
		font-size: 14px !important;
	}
	
	.elementor-accordion-icon-opened, .elementor-accordion-icon-closed {
		padding: 10px !important;
	}
	
	#page {
		padding: 0 !important;
	}
	
	.elementor-accordion-icon {
		margin-left: 15px !important;
	}
	
	.pdlr-0 {
		padding-left:  0 !important;
		padding-right: 0 !important;
	}
	
}

@media screen and (max-width: 450px) {
	h1 {
		font-size: 26px;
	}
	
	h2.main-title {
		max-width:   1020px;
		margin:      97px auto 30px;
		font-size:   36px;
		line-height: 42px;
		margin-top:  30px;
	}
	
	h2.main-title { margin-bottom: 0px; }
	
	h2.second-line {
		font-size: 36px;
	}
	
	header .site-logo-section .custom-logo {
		margin-top: 0;
	}
	
	.step-content {
		align-items: center !important;
	}
	
	.accordion-arrow {
		padding:       15px 20px;
		margin-left:   15px;
		border-radius: 30px;
	}
	
	html[dir=rtl] .accordion-arrow {
		margin-left: 0;
	}
	
	.question {
		padding-right: 10px;
	}
	
	.menu-item {
		margin-left: 0 !important;
	}
	
	h4 {
		font-size:   16px;
		line-height: 24px;
	}
	
	h4.main-subtitle {
		margin-bottom: 30px;
	}
}

.navbar-collapse {
	z-index: 5;
}

#root > div > div:first-child {
	margin-top: 15px !important;;
}

#root input[placeholder] {
	text-overflow: ellipsis;
}

.mb-160 {
	margin-bottom: 160px;
}

.mb-120 {
	margin-bottom: 120px;
}

.menu-item {
	margin-left: 0 !important;
}

.bottom-menu {
	padding: 0;
}

input {
	text-size-adjust: none;
}

.language-popup {
	padding:       20px;
	gap:           40px;
	border-radius: 10px;
	background:    #FFF;
	box-shadow:    2px 2px 20px 0 rgba(99, 111, 140, 0.20);
}

.language-popup .popup-title {
	/*font-family: Lato;*/
	font-size:   14px;
	font-style:  normal;
	font-weight: 900;
	line-height: 18px;
}

.language-popup ul {
	list-style: none;
	padding:    0;
	margin-top: 15px;
}

.language-popup ul li {
	/*font-family: Lato;*/
	font-size:     14px;
	font-style:    normal;
	font-weight:   900;
	line-height:   18px;
	margin-bottom: 10px;
}

.language-popup ul li a {
	text-decoration: none;
	font-weight:     400;
	color:           #646C7B;
}

.language-popup ul li a.current {
	color: var(--accent-color);
}

#lc-switcher {
	cursor:        pointer;
	margin-bottom: 30px;
	margin-right:  30px;
	height:        100%;
	display:       inline-flex;
	width:         100%;
	font-size:     16px;
	line-height:   24px;
	color:         var(--header-link-color);
}

#lc-switcher .label_currency {
	padding-right: 7px;
}
#lc-switcher .language-label-code {
	font-size: 16px;
	color:     var(--header-link-color);
}
html[dir=rtl] #lc-switcher .label_currency {
	padding-left:  7px;
	padding-right: 0;
	margin-left:   0;
}

#lc-switcher.lc-switcher-desktop {
	margin-left:   10px;
	margin-bottom: 0;
}

html[dir=rtl] #lc-switcher.lc-switcher-desktop {
	margin-right: 10px;
}

html[dir=rtl] #lc-switcher .label_currency {
	margin-right: 0;
	margin-left:  7px;
}

html[dir=rtl] #lc-switcher > div {
	justify-content: flex-start;
}

#lc-switcher .splitter {
	padding: 0 5px;
}

html[dir=rtl] input,
html[dir=rtl] div {
	direction: rtl;
}

html[dir=rtl] .check-esim-left h3,
html[dir=rtl] .check-esim-left p {
	text-align:    right;
	padding-right: 0;
}

html[dir=rtl] header .site-menu-section .menu-item:last-child {
	margin-right: 50px;
}

html[dir=rtl] .why-use-right,
html[dir=rtl] #faq_list .section,
html[dir=rtl] .accordion-body,
html[dir=rtl] .about-us-description {
	text-align: right;
}

html[dir=rtl] #faq_list .accordion-button::before,
html[dir=rtl] #faq_list .accordion-button:not(.collapsed)::before {
	right: unset;
	left:  20px;
}

html[dir=rtl] #faq_list .accordion-button::after {
	right: calc(100% - 59px);
}

html[dir=rtl] .about-us-list li::before {
	left:  unset;
	right: 0;
}

html[dir=rtl] .about-us-list li {
	padding-right: 20px;
	padding-left:  0;
}

html[dir=rtl] .why-use-list {
	padding-inline-start: 0;
}

html[dir=rtl] header .login-section .sign-up-btn {
	margin-left:  10px;
	margin-right: 10px;
}

html[lang=ar] * {
	font-family: 'Noto Sans Arabic' !important;
}

footer {
	font-style: normal;
}

/* ===== MOBILE SWITCHER BEGIN ===== */
html[dir=rtl] .lc-switcher-mobile {
	padding-right: 0;
	padding-left:  40px;
}

.lc-switcher-mobile {
	margin-bottom: 40px;
}

.lc-switcher-mobile > li.nav-item a {
	margin-bottom:  20px;
	padding-top:    0;
	padding-bottom: 0;
	font-size:      16px;
	font-weight:    400;
	line-height:    24px;
	color:          var(--header-link-color);
}

.lc-switcher-mobile .dropdown-toggle::after {
	display: none;
}

.lc-switcher-mobile .switcher-arrow {
	font-size:   16px;
	font-weight: 600;
}

.lc-switcher-mobile .switcher-arrow::after {
	display:        inline-block;
	transform:      rotate(0deg);
	margin-top:     10px;
	margin-left:    0.255em;
	vertical-align: 0.255em;
	content:        "";
	border-top:     0.3em solid;
	border-right:   0.3em solid transparent;
	border-bottom:  0;
	border-left:    0.3em solid transparent;
}

.lc-switcher-mobile .opened.switcher-arrow::after {
	transform:     rotate(180deg);
	margin-bottom: 10px;
}

.lc-switcher-mobile .switcher-arrow .label {
	padding-right: 5px;
}

.lc-switcher-mobile .switcher-arrow .label_currency {
	padding-left:  5px;
	padding-right: 3px;
}

.lc-switcher-mobile .dropdown-menu-mobile {
	padding-top:     0;
	padding-right:   25px;
	/*padding-left: 25px;*/
	border:          none;
	list-style-type: none;
}


@media screen and (max-width: 991px) {
	html[dir=rtl] .lc-switcher-mobile .dropdown-menu-mobile {
		padding-right: 0;
		padding-left:  25px;
	}
	
	html[dir=rtl] .dropdown-menu-languages li {
		text-align: right;
	}
}

.lc-switcher-mobile .dropdown-menu-mobile li {
	display:         flex;
	justify-content: flex-start;
}

.lc-switcher-mobile .dropdown-menu-mobile ul {
	list-style-type: none;
	padding:         0;
}

.lc-switcher-mobile .dropdown-menu-mobile ul li a {
	padding:     0;
	font-size:   14px;
	font-weight: 400;
	line-height: 18px;
	color:       var(--header-link-color);
}

.lc-switcher-mobile .dropdown-menu-mobile .dropdown-menu-languages a,
.lc-switcher-mobile .dropdown-menu-mobile .dropdown-menu-currencies a {
	margin-bottom: 10px;
}

.lc-switcher-mobile .dropdown-menu-mobile .dropdown-menu-languages li:last-child a,
.lc-switcher-mobile .dropdown-menu-mobile .dropdown-menu-currencies li:last-child a {
	margin-bottom: 0;
}

.lc-switcher-mobile .dropdown-menu-mobile .dropdown-menu-languages {
	margin-right: 40px;
}

html[dir=rtl] .lc-switcher-mobile .dropdown-menu-mobile .dropdown-menu-languages {
	margin-right: 0;
	margin-left:  40px;
}

.lc-switcher-mobile .dropdown-menu-languages-title,
.lc-switcher-mobile .dropdown-menu-currencies-title {
	font-size:     14px;
	font-weight:   900;
	line-height:   18px;
	margin-bottom: 15px;
}

.lc-switcher-mobile .dropdown-menu-mobile ul li a.current {
	font-weight: 900;
	color:       #1cbc62;
}
/* ===== MOBILE SWITCHER END ===== */

i.fa {
	font-family: "FontAwesome" !important;
}
@media only screen and (max-width: 1200px) {
	.step-block {
		margin-right: 10px;
	}
	
	.check-esim-description,
	.check-esim-title {
		max-width: 450px
	}
}

@media screen and (max-width: 992px) {
	.content-head {
		margin-bottom: 60px !important;
	}
}

html[dir=rtl] .about-us-list {
	padding-inline-start: 0;
}

html[dir=rtl] .check-esim-right > div {
	padding-right: 85px;
}

@media screen and (max-width: 992px) {
	.check-esim-right {
		display: none;
	}
	
	.check-esim-left {
		width: 100% !important;
	}
	
	.step-content {
		align-items: center !important;
	}
	
	.step-block {
		margin-bottom: 10px;
	}
	
	header .navbar   .login-btn{
		border:        solid 1px var(--header-link-color);
		border-radius: 10px;
		background:    transparent;
		color:         var(--header-link-color);
	}
	
	header .navbar-nav .sign-up-btn {
		border:     none;
		color:      var(--header-background-color);
		background: var(--header-link-color);
	}
	
	#navbarSupportedContent {
		position:   absolute;
		box-shadow: none;
		top:        60px;
		left:       0;
		width:      100%;
	}
}
@media only screen and (max-width: 576px) {
	.step-block {
		width:   100%;
		padding: 22px 40px;
	}
}
.navbar-toggler-icon {
	transition-duration: 200ms;
}

header {
	position:      fixed;
	top:           0;
	left:          0;
	background:    var(--header-background-color);
	z-index:       10;
	min-height:    120px;
	padding-right: 27px;
}

#page > section {
	margin-top: 120px;
}

.menu-header-menu-container .menu {
	margin-bottom: 0;
}
.benefits-section h1 {
	margin-bottom: 40px;
}

.mobile-switchers {
	display:         flex;
	width:           fit-content;
	justify-content: space-between;
	align-items:     center;
	gap:             5px;
}


.search_bundles * {
	font-family: var(--font-family), Lato, sans-serif;
}

.search_bundles .button.button-position:hover {
	background: var(--accent-color);
}

.search_bundles .button.button-position {
	background: var(--button-hover-color);
}


.search_bundles .search_input,
.search_bundles .search_input input {
	background-color: #ffffff !important;
}

.search_bundles .title-tab {
	color: #000000;
}

.search_bundles .bundle_card,
.step-block {
	background-color: #ffffff !important;
	box-shadow:       0px 7px 29px 0px rgba(100, 100, 111, 0.20);
}

.search_bundles .bundle_card .bundle_card_header *,
.search_bundles .bundle_card .coverage *,
.search_bundles .bundle_card .refill_list * {
	color: #000000;
}

.search_bundles .bundle_card .coverage > div:last-child {
	color:            var(--accent-color);
	background-color: rgb(var(--accent-color-rgb), 0.1);
	
	border-radius:    10px;
	padding:          3px 10px;
	min-width:        100px;
	text-align:       center;
}

.check-esim-container {
	padding:             44px 60px;
	border-radius:       20px;
	background-color:    var(--accent-color);
	display:             flex;
	background-size:     contain;
	background-repeat:   no-repeat;
	background-position: bottom right 10%;
}
html[lang=ar] .check-esim-container {
	background-position: bottom left 10%;
}
.check-esim-title, .check-esim-description {
	padding-right: 95px;
}
.about-us-title, .why-use-title, .how-it-works-title, .check-esim-title {
	margin-bottom: 20px;
	font-size:     30px;
	font-weight:   700;
	line-height:   39px;
}
.check-esim-container .btn {
	background-color: var(--header-link-color) !important;
	color:            var(--header-background-color);
}
.check-esim-description {
	margin-bottom: 40px;
}
.check-esim-left a {
	min-width:        234px;
	width:            fit-content;
	/* height: 52px; */
	border-radius:    10px;
	padding:          15px 20px;
	border:           none;
	font-weight:      600;
	font-size:        16px;
	line-height:      21px;
	color:            #212121;
	background-color: var(--accent-color);
}
.check-esim-left a:active, .check-esim-left a:hover, .check-esim-left a:focus-visible {
	background-color: var(--button-hover-color);
	box-shadow:       2px 2px 20px 0px rgba(83, 15, 194, 0.30);
}
#faq_list .accordion-item h2 > button {
	background-color: #ffffff;
	box-shadow:       0px 7px 29px 0px rgba(100, 100, 111, 0.20);
}
#faq_list .search_line,
#faq_list .search_line input {
	background-color: #ffffff;
}
#faq_list .search_line {
	border: 1px solid var(--accent-color);
}

.bottom-menu ul {
	padding: 0;
}
.accordion-item .accordion-header .accordion-button:not(.collapsed) {
	background-color: #ffffff !important;
}
.check-esim {
	margin-bottom: 180px;
}

.section {
	width:      100%;
	/* padding: 0 130px; */
	text-align: center;
}
.how-it-works::before {
	content:    "";
	display:    block;
	height:     150px;
	visibility: hidden;
	margin-top: -150px;
}
.how-it-works-description {
	margin-bottom: 40px;
	font-size:     24px;
}
.search_bundles .coverage div:last-child {
	font-size: 12px;
}
.search_card .question {
	box-shadow: unset !important;
}
.step-content {
	display:         flex;
	justify-content: space-between;
}

.row {
	width:           100%;
	display:         flex;
	justify-content: space-between;
	margin:          0 auto 120px auto;
}
.benefits-tabs-container {
	display:         flex;
	justify-content: center;
	margin-bottom:   40px;
}
.step-block {
	height:           100%;
	/* width: 270px; */
	padding:          22px;
	background-color: var(--card-background-color);
	border-radius:    20px;
	min-height:       266px;
}
.step-block .step {
	width:         60px;
	height:        60px;
	padding:       13px 15px;
	margin:        18px auto 30px;
	/* font-family: 'Montserrat', sans-serif; */
	font-weight:   700;
	font-size:     25px;
	line-height:   32px;
	color:         var(--accent-color);
	border:        2px solid var(--accent-color);
	border-radius: 100px;
}
.step-block-title {
	font-weight:   700;
	font-size:     18px;
	line-height:   22px;
	color:         var(--accent-color);
	margin-bottom: 4px;
}
.step-block-description {
	font-weight:   400;
	font-size:     16px;
	line-height:   24px;
	color:         #636F8C;
	margin-bottom: 0;
}
.benefits-tabs-container-bg {
	display:       flex;
	border-radius: 62px;
	background:    #EEE;
}
.benefit-tab {
	padding:     6px 31px;
	color:       #000;
	font-size:   18px;
	font-weight: 500;
	cursor:      pointer;
}
.benefit-active-tab {
	background-color: #000;
	border-radius:    62px;
	color:            #fff;
}
.benefit-content-description {
	display:         flex;
	justify-content: center;
	margin-bottom:   40px;
}
.benefit-content-description > div {
	max-width:   700px;
	color:       #000;
	text-align:  center;
	font-size:   18px;
	font-weight: 400;
}
.bundles_container .header {
	padding: 0 !important;
}
#faq_list .search_line {
	margin-bottom: 40px;
}

@media screen and (max-width: 575px) {
	#faq_list {
		padding-left:  5px;
		padding-right: 5px;
	}
}

.refill_list div {
	display:         flex !important;
	align-content:   center;
	justify-content: center;
	align-items:     center;
	gap:             5px;
}
@media screen and (max-width: 450px) {
	.benefit-content-description div {
		font-size:   16px;
		line-height: 24px;
	}
	
	#page > section {
		margin-top: 50px;
	}
	
	#faq_list .search_line {
		margin: 30px 0 !important;
	}
	
	#faq_list .tabs div {
		font-size: 14px !important;
	}
	
	#faq_list .tabs-container {
		margin-bottom: 30px;
	}
}
#plan-benefits::before {
	content:    "";
	display:    block;
	height:     150px;
	visibility: hidden;
	margin-top: -150px;
}
header .currency-switcher {
	border: none;
}
header .lc-switcher-language-controller {
	padding: 8px 0px 8px 8px;
}
header .lc-switcher-currency-controller {
	padding: 8px 8px 8px 0px;
}
header .lc-switcher-language-controller > svg, header .lc-switcher-currency-controller > svg {
	display: none;
}
header .lc-switcher {
	padding: 8px 0px 8px 8px;
}
header .vl {
	border-left: 1px solid var(--header-link-color);
	height:      30px;
	margin-top:  12px;
}
.check-esim-container {
	background-color: var(--header-background-color);
}

#app .tab_container {
	font-weight: normal;
	font-size:   18px;
	color:       #212121;
}
#app .refill_list_item > .refill_title {
	display: block !important;
}
#app .refill_list > div {
	border-bottom: 1px solid #EBF0F8;
}
#app .refill_list > div:nth-last-child(-n+3) {
	border-bottom: none;
}
@media screen and (max-width: 992px) {
	header {
		padding-right: 0px;
		min-height: 75px;
	}
}