/*!
Theme Name: Timor Telecom
Author: Wee Digital
Author URI: https://wee.digital/
Description: Description
Version: 1.0.0
Text Domain: timor-telecom
*/
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  scroll-behavior: smooth;
}

/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin-block-end: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'],
[role="tab-list"] {
  list-style: none;
}
[role="list"],
[role="tab-list"] {
	margin-block: 0;
	padding: 0;
}
/* Set core body defaults */
body {
  	min-height: 100vh;
  	line-height: 1.5;
  	margin: 0;
  	padding: 0;
	overflow-wrap: anywhere;
	overflow-x: auto;
}

/* Set shorter line heights on headings and interactive elements */
h1, h2, h3, h4,
button, input, label {
  line-height: 1.1;
}

/* Balance text wrapping on headings */
h1, h2,
h3, h4 {
  text-wrap: balance;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

/* Make images easier to work with */
img,
video,
picture,
iframe {
  max-inline-size: 100%;
  block-size: auto;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input, button,
textarea, select {
  font-family: inherit;
  font-size: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}
:where(body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd) {
    margin-block: 0;
}
:root {
	--clr-primary-blue-digital: #005EFF;
	--clr-primary-blue-timor: #00CFFF;
	--clr-blue-100: #C8EBF3;
	--clr-secondary-yellow: #FABD0D;
	--clr-secondary-red: #FF0F1F;
	--clr-secondary-dark-grey: #141414;
	--clr-mid-gray:#303030;
	--clr-secondary-light-grey: #EBEBEB;
	--clr-secondary-green: #00FFB2;
	--clr-text-primary:#101828;
	--clr-text-secondary:#475467;
	--clr-text-tertiary:#667085;
	--clr-text-quaternary: #141414;
	--clr-utility-gray-blue-700:#363F72;
	--clr-utility-gray-blue-200: #D5D9EB;
	--clr-utility-gray-blue-50: #F8F9FC;
	--clr-utility-bg-secondary:#F9FAFB;
	--clr-button-secondary: #344054;
	--clr-border-secondary: #EAECF0;
	--clr-border-primary: #E4E7EC;
	--heading-font-weight: 600;
	--border-radius-m: 128px;
	--border-radius-l: 5vw;	
	--wrapper-max-width:80rem;
	--gutter:32px;

	/* @link https://utopia.fyi/type/calculator?c=360,18,1.2,1240,20,1.25,9,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

	/* Step -2: 12px → 12px */
  	--step--2: clamp(.7625rem, 0.8461rem + -0.0569vw, .75rem);
	/* Step -1: 14.4096px → 14px */
  	--step--1: clamp(0.9006rem, 0.9261rem + -0.0570vw, .875rem);
	/* Step 0: 16px → 16px */
	--step-0: clamp(1rem, 1rem + 0vw, 1rem);
	/* Step 1: 17.92px → 18px */
	--step-1: clamp(1.12rem, 1.1108rem + 0.0852vw, 1.15rem);
	/* Step 2: 19.2px → 20px */
	--step-2: clamp(1.2rem, 1.240rem + 0.0852vw, 1.250rem);
	/* Step 3: 23.04px → 24px */
	--step-3: clamp(1.44rem, 1.393rem + 0.2087vw, 1.5rem);
	/* Step 4: 27.648px → 28px */
	--step-4: clamp(1.728rem, 1.7450rem + 0.3834vw, 1.75rem); 
	/* Step 5: 29.648px → 30px */
	--step-5: clamp(1.828rem, 1.8680rem + 0.3834vw, 1.875rem); 
	/* Step 6: 31px → 32px */
	--step-6: clamp(1.9375rem, 1.9680rem + 0.3834vw, 2rem);
	/* Step 7: 34px → 36px */
	--step-7: clamp(2.1812rem, 2.3327rem + 0.6261vw, 2.25rem);
	/* Step 8: 39.8131px → 48.6331px */
	--step-8: clamp(2.4883rem, 2.2726rem + 0.9587vw, 3.0396rem);
	/* Step 9: 47.7757px → 60.7428px */
	--step-9: clamp(2.986rem, 2.6689rem + 1.4095vw, 3.7964rem);

	/* Space 3xs: 4px → 4px */
	--space-3xs: clamp(.25rem, .25rem + 0vw, .25rem);
	/* Space 2xs: 6px → 6px */
	--space-2xs: clamp(.375rem, .375rem + 0vw, .375rem);
	/* Space xs: 8px → 8px */
	--space-xs: clamp(.5rem, .5rem + 0vw, .5rem);
	/* Space s: 11px → 12px */
	--space-s: clamp(.6875rem, 0.7369rem + 0.1136vw, .75rem);
	/* Space m: 15px → 16px */
	--space-m: clamp(.9375rem, 0.9494rem + 0.1136vw, 1rem);
	/* Space l: 18px → 20px */
	--space-l: clamp(1.125rem, 1.2494rem + 0.1136vw, 1.25rem);
	/* Space xl: 23px → 24px */
	--space-xl: clamp(1.4375rem, 1.4939rem + 0.2273vw, 1.5rem);
	/* Space 2xl: 30px → 32px */
	--space-2xl: clamp(1.875rem, 1.9988rem + 0.3409vw, 2rem);
	/* Space 3xl: 46px → 48px */
	--space-3xl: clamp(2.875rem, 2.9477rem + 0.4545vw, 3rem);
	/* Space 4xl: 62px → 64px */
	--space-4xl: clamp(3.875rem, 3.9816rem + 0.6818vw, 4rem);
	/* Space 5xl: 94px → 96px */
	--space-5xl: clamp(5.875rem, 5.9755rem + 0.9091vw, 6rem);	
}
@media (min-width: 1440px ) {
	:root {
		--border-radius-l: 9.375rem;
	}
}
body {
	font-family: "Inter", sans-serif;
}
.wrapper {
	position: relative;
	margin-inline: auto;
	max-width: var(--wrapper-max-width);
	padding-inline-start: var(--gutter);
	padding-inline-end: var(--gutter);
}
.inner {
	min-height: 500px;
}
/* Utility Classes */
.bg-blue-digital {
	background-color: var(--clr-primary-blue-digital);
}
.bg-blue-timor {
	background-color: var(--clr-primary-blue-timor);
}
.bg-blue-100 {
	background-color: var(--clr-blue-100);
}
.bg-yellow {
	background-color: var(--clr-secondary-yellow);
}
.bg-red {
	background-color: var(--clr-secondary-red);
}
.bg-dark-grey {
	background-color: var(--clr-secondary-dark-grey);
}
.bg-mid-grey {
	background-color: var(--clr-mid-gray);
}
.bg-light {
	background-color: #fff;
}
.bg-light-grey {
	background-color: var(--clr-secondary-light-grey);
}
.bg-green {
	background-color: var(--clr-secondary-green)
}
.bg-red {
	background-color: var(--clr-secondary-red)
}
.bg-blue-timor__bg-yellow {
	background: linear-gradient(
    	to bottom, /* Direction of the split */
    	#00CFFF 0%, /* First color starts at 0% */
    	#00CFFF 50%, /* First color ends at 50% */
    	#FABD0D 50%, /* Second color starts at 50% */
    	#FABD0D 100% /* Second color ends at 100% */
  );
}
.color-blue-digital {
	color: var(--clr-primary-blue-digital) !important;
}
.color-blue-timor {
	color: var(--clr-primary-blue-timor) !important;
}
.color-yellow {
	color: var(--clr-secondary-yellow) !important;
}
.color-red {
	color: var(--clr-secondary-red) !important;
}
.color-dark-grey {
	color: var(--clr-secondary-dark-grey) !important;
}
.color-light-grey {
	color: var(--clr-secondary-light-grey) !important;
}
.color-green {
	color: var(--clr-secondary-green) !important;
}
.color-text-primary {
	color: var(--clr-text-primary) !important;
}
.color-text-secondary {
	color:var(--clr-text-secondary) !important;
}
.color-light {
	color: #fff !important;
}
.color-dark {
	color: #000 !important;
}
.bd-radius\:top-left-m {
	border-top-left-radius: var(--border-radius-m);
}
.bd-radius\:top-right-m {
	border-top-right-radius: var(--border-radius-m);
}
.bd-radius\:bottom-left-l {
	border-bottom-left-radius: var(--border-radius-l);
}
.bd-radius\:bottom-right-l {
	border-bottom-right-radius: var(--border-radius-l);
}
.bd-radius\:bottom-both-l {
	border-bottom-left-radius: var(--border-radius-l);
	border-bottom-right-radius: var(--border-radius-l);
}
.bd-radius\:top-left-l {
	border-top-left-radius: var(--border-radius-l);
}
.bd-radius\:top-right-l {
	border-top-right-radius: var(--border-radius-l);
}
.bd-radius\:top-both-l {
	border-top-left-radius: var(--border-radius-l);
	border-top-right-radius: var(--border-radius-l);
}
.text-step--2 {
	font-size: var(--step--2);
}
.text-step--1 {
	font-size: var(--step--1);
}
.text-step-0 {
	font-size: var(--step-0);
}
.text-step-1 {
	font-size: var(--step-1);
}
.text-step-2 {
	font-size: var(--step-2);
}
.text-step-3 {
	font-size: var(--step-3);
}
.text-step-4 {
	font-size: var(--step-4);
}
.text-step-5 {
	font-size: var(--step-5);
}
.text-step-6 {
	font-size: var(--step-6);
}
.text-step-7 {
	font-size: var(--step-7);
}
.text-step-8 {
	font-size: var(--step-8);
}
.text-step-9 {
	font-size: var(--step-9);
}
.text-center {
	text-align: center;
}
.bold\:700 {
	font-weight: 700;
}
.pos-relative {
	position: relative;
}
.pos-absolute {
	position: absolute;
}
.card {
	border-radius: var(--card-padding-border-radius, var(--space-l));
	background-color: var(--card-background-color, #fff);
	padding-inline: var(--card-padding-inline, var(--space-m));
	padding-block: var(--card-padding-block, var(--space-xl))
}
:is(h1,h2,h3,h4,h5,h6) {
    font-weight: var(--heading-font-weight);
	font-size: var(--heading-font-size, var(--step-7));
	color: var(--heading-color, var(--clr-text-quaternary));
}
.eyebrow > :is(h1,h2,h3,h4,h5,h6) {
   font-size: var(--eyebrow-text-size, var(--step-0));
   font-weight: var(--eyebrow-font-weight, 600);
   color: var(--eyebrow-text-color, var(--clr-text-quaternary));
}
.icon-arrow-right {
	text-decoration: none;
	font-weight: 600;
}
.icon-arrow-right__blue::after {
	content: "";
	background: url("assets/icons/icon-blue-arrow-right.svg") no-repeat center center;
	width: 1.25rem;
	height: 1.3125rem;
}
.icon-blue-arrow-right::after {
	content: "";
	background: url("assets/icons/icon-blue-arrow-right.svg") no-repeat center center;
	width: 1.25rem;
	height: 1.3125rem;
}
.section-intro {
	max-width: var(--section-intro-width, 65ch);
}
.section-intro p {
	font-size: var(--step-2);
}
.swiper {
  width: 100%;
}
.overflow\:visible {
	overflow: visible;
}
.overflow\:hidden {
	overflow: hidden;
}
.is_full-round__blue-digital-yellow,
.is_left-round__blue-digital-yellow {
	background-color: var(--clr-secondary-yellow);
}
.is_full-round__blue-digital-yellow > div {
	background-color: var(--clr-primary-blue-digital);
	border-top-left-radius: var(--border-radius-l);
	border-top-right-radius: var(--border-radius-l);
}
.is_left-round__blue-digital-yellow > div {
	background-color: var(--clr-primary-blue-digital);
	border-top-left-radius: var(--border-radius-l);
}
.is_full-round {
	border-top-left-radius: var(--border-radius-l);
	border-top-right-radius: var(--border-radius-l);
}
.is_left-round {
	border-top-left-radius: var(--border-radius-l);
}
.circles {
	position: absolute;
	top: -4.0625rem;
	right: -4.0625rem;
	z-index: 99;
}
.circle {
	border-radius: var(--circle-border-radius, 100%);
	width: var(--circle-width, 152px);
	height: var(--circle-height, 152px);
}
.hidden {
	clip: rect(0 0 0 0);
  	clip-path: inset(50%);
  	height: 1px;
  	overflow: hidden;
  	position: absolute;
  	white-space: nowrap;
  	width: 1px;
}
.center {
	display: flex;
  	flex-direction: column;
  	align-items: center;
	margin-inline: auto;
	box-sizing: content-box;
}
iframe {
	aspect-ratio: 16 / 9;
	max-width: 100%;
}
button {
	cursor: pointer;
}
/* Flexbox */
.flex {
	display: flex !important;
}
.flex\:wrap {
	flex-wrap: wrap !important;
}
.flex\:nowrap {
	flex-wrap: nowrap !important;
}
.flex\:column {
	flex-direction: column !important;
}
.flex\:row {
	flex-direction: row !important;
}
.align-items\:center {
	align-items:center !important;
}
.align-items\:flex-end {
	align-items:flex-end !important;
}
.align-items\:flex-start {
	align-items:flex-start !important;
}
.align-items\:baseline {
	align-items: baseline !important;
}
.align-self\:center {
	align-self:center !important;
}
.align-self\:flex-end {
	align-self: flex-end !important;
}
.justify-items\:center {
	justify-items: center !important;
}
.justify-content\:flex-start {
	justify-content: flex-start !important;
}
.justify-content\:flex-end {
	justify-content: flex-end !important;
}
.justify-content\:space-between {
	justify-content: space-between !important;
}
.justify-content\:space-around {
	justify-content: space-around !important;
}
.justify-content\:space-evenly {
	justify-content: space-evenly !important;
}
.justify-content\:center {
	justify-content: center !important;
}
/* Grid */
.grid {
    display: grid;
    gap: var(--grid-gutter, var(--space-m));
    grid-template-columns: repeat(var(--grid-placement, auto-fill), minmax(var(--grid-min-item-size, 17.5rem), 1fr));
}
.grid[data-layout="center-grid"] {
	grid-template-columns: repeat(auto-fit, minmax(17.5rem, max-content));
	justify-content: center;
}
.grid[data-layout="five-column"] {
	--grid-min-item-size: 13.5625rem;
}
/* GAP */
.gap\:zero {
	gap: 0 !important;
}
.gap\:3xs {
	gap: var(--space-3xs) !important;
}
.gap\:2xs {
	gap: var(--space-2xs) !important;
}
.gap\:xs {
	gap: var(--space-xs) !important;
}
.gap\:s {
	gap: var(--space-s) !important;
}
.gap\:m {
	gap: var(--space-m) !important;
}
.gap\:l {
	gap: var(--space-l) !important;
}
.gap\:xl {
	gap: var(--space-xl) !important;
}
.gap\:2xl {
	gap: var(--space-2xl) !important;
}
.gap\:3xl {
	gap: var(--space-3xl) !important;
}
.gap\:4xl {
	gap: var(--space-4xl) !important;
}
.gap\:5xl {
	gap: var(--space-5xl) !important;
}
/* Spacing */
.mb-start-3xs {
	margin-block-start: var(--space-3xs);
}
.mb-start-2xs {
	margin-block-start: var(--space-2xs);
}
.mb-start-xs {
	margin-block-start: var(--space-xs);
}
.mb-start-s {
	margin-block-start: var(--space-s) !important;
}
.mb-start-m {
	margin-block-start: var(--space-m) !important;
}
.mb-start-l {
	margin-block-start: var(--space-l) !important;
}
.mb-start-xl {
	margin-block-start: var(--space-xl) !important;
}
.mb-start-2xl {
	margin-block-start: var(--space-2xl) !important;
}
.mb-start-3xl {
	margin-block-start: var(--space-3xl);
}
.mb-end-3xs {
	margin-block-end: var(--space-3xs);
}
.mb-end-2xs {
	margin-block-end: var(--space-2xs);
}
.mb-end-xs {
	margin-block-end: var(--space-xs);
}
.mb-end-s {
	margin-block-end: var(--space-s);
}
.mb-end-m {
	margin-block-end: var(--space-m);
}
.mb-end-l {
	margin-block-end: var(--space-l);
}
.mb-end-xl {
	margin-block-end: var(--space-xl);
}
.mb-end-2xl {
	margin-block-end: var(--space-2xl);
}
.mb-end-3xl {
	margin-block-end: var(--space-3xl);
}
.mb-3xs {
	margin-block: var(--space-3xs);
}
.mb-2xs {
	margin-block: var(--space-2xs);
}
.mb-xs {
	margin-block: var(--space-xs);
}
.mb-s {
	margin-block: var(--space-s);
}
.mb-m {
	margin-block: var(--space-m);
}
.mb-l {
	margin-block: var(--space-l);
}
.mb-xl {
	margin-block: var(--space-xl);
}
.mb-2xl {
	margin-block: var(--space-2xl);
}
.mb-3xl {
	margin-block: var(--space-3xl);
}
.mi-3xs {
	margin-inline: var(--space-3xs);
}
.mi-2xs {
	margin-inline: var(--space-2xs);
}
.mi-xs {
	margin-inline: var(--space-xs);
}
.mi-s {
	margin-inline: var(--space-s);
}
.mi-m {
	margin-inline: var(--space-m);
}
.mi-l {
	margin-inline: var(--space-l);
}
.mi-xl {
	margin-inline: var(--space-xl);
}
.mi-2xl {
	margin-inline: var(--space-2xl);
}
.mi-3xl {
	margin-inline: var(--space-3xl);
}
.pb-start-xs {
	padding-block-start: var(--space-xs);
}
.pb-start-s {
	padding-block-start: var(--space-s);
}
.pb-start-m {
	padding-block-start: var(--space-m) !important;
}
.pb-start-l {
	padding-block-start: var(--space-l) !important;
}
.pb-start-xl {
	padding-block-start: var(--space-xl);
}
.pb-start-2xl {
	padding-block-start: var(--space-2xl);
}
.pb-start-3xl {
	padding-block-start: var(--space-3xl);
}
.pb-start-4xl {
	padding-block-start: var(--space-4xl);
}
.pb-start-5xl {
	padding-block-start: var(--space-5xl);
}
.pb-end-3xs {
	padding-block-end: var(--space-3xs);
}
.pb-end-2xs {
	padding-block-end: var(--space-2xs);
}
.pb-end-xs {
	padding-block-end: var(--space-xs);
}
.pb-end-s {
	padding-block-end: var(--space-s);
}
.pb-end-m {
	padding-block-end: var(--space-m);
}
.pb-end-l {
	padding-block-end: var(--space-l);
}
.pb-end-xl {
	padding-block-end: var(--space-xl);
}
.pb-end-2xl {
	padding-block-end: var(--space-2xl);
}
.pb-end-3xl {
	padding-block-end: var(--space-3xl);
}
.pb-3xs {
	padding-block: var(--space-3xs);
}
.pb-2xs {
	padding-block: var(--space-2xs);
}
.pb-xs {
	padding-block: var(--space-xs);
}
.pb-s {
	padding-block: var(--space-s);
}
.pb-m {
	padding-block: var(--space-m);
}
.pb-l {
	padding-block: var(--space-l);
}
.pb-xl {
	padding-block: var(--space-xl);
}
.pb-2xl {
	padding-block: var(--space-2xl);
}
.pb-3xl {
	padding-block: var(--space-3xl);
}
.pb-4xl {
	padding-block: var(--space-4xl);
}
.pb-5xl {
	padding-block: var(--space-5xl);
}
.pi-3xs {
	padding-inline: var(--space-3xs);
}
.pi-2xs {
	padding-inline: var(--space-2xs);
}
.pi-xs {
	padding-inline: var(--space-xs);
}
.pi-s {
	padding-inline: var(--space-s);
}
.pi-m {
	padding-inline: var(--space-m);
}
.pi-l {
	padding-inline: var(--space-l);
}
.pi-xl {
	padding-inline: var(--space-xl);
}
.pi-2xl {
	padding-inline: var(--space-2xl);
}
.pi-3xl {
	padding-inline: var(--space-3xl);
}
.pi-start-xs {
	padding-inline-start: var(--space-xs);
}
.pi-start-m {
	padding-inline-start: var(--space-m);
}
/* Stack */
.stack {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.stack > * {
  margin-block: 0;
} 
.stack\:3xs>*+* {
    margin-block-start: var(--space-3xs);
}
.stack\:2xs>*+* {
    margin-block-start: var(--space-2xs);
}
.stack\:xs>*+* {
    margin-block-start: var(--space-xs);
}
.stack\:s>*+* {
    margin-block-start: var(--space-s);
}
.stack\:m>*+* {
    margin-block-start: var(--space-m);
}
.stack\:l>*+* {
    margin-block-start: var(--space-l);
}
.stack\:xl>*+* {
    margin-block-start: var(--space-xl);
}
.stack\:2xl>*+* {
    margin-block-start: var(--space-2xl);
}
.stack\:3xl>*+* {
    margin-block-start: var(--space-3xl);
}
.stack\:4xl>*+* {
    margin-block-start: var(--space-4xl);
}
.stack\:5rem > * + * {
	margin-block-start: 5rem;
}
/* Cluster */
.cluster {
	display: flex;
	flex-wrap: var(--cluster-wrap, wrap);;
	gap: var(--cluster-gap, 1rem);
	justify-content: var(--cluster-main-axis, flex-start);
	align-items: var(--cluster-cross-axis, center);
}
.cluster-icon {
	width: 2rem;
	height: 2rem;
}
/* Repel */
.repel {
    display: flex;
    flex-wrap: wrap;
    gap: var(--repel-gap, var(--space-m));
    justify-content: var(--repel-main-axis, space-between);
	align-items: var(--repel-cross-axis, center);
}
/* Switcher */
.switcher {
	display: flex;
    flex-wrap: wrap;
	gap: var(--switcher-gutter, var(--space-m));
    justify-content: var(--switcher-main-axis, unset);
	align-items: var(--switcher-cross-axis, flex-start);
}
.switcher > * {
    flex-basis: calc((var(--switcher-target-width, 40rem) - 100%)*999);
    flex-grow: 1
}
.switcher>:nth-child(n+4) {
    flex-basis: 100%
}
/* Siderbar */
.sidebar {
	display: flex;
  	flex-wrap: wrap;
  	gap: var(--sidebar-gutter, var(--space-m));
}
.sidebar-left > :first-child {
	flex-basis: var(--sidebar-left-first-child-size, 20rem);
  	flex-grow: 1;
}
.sidebar-left > :last-child {
  	flex-basis: 0;
  	flex-grow: 999;
  	min-inline-size: 50%;
}
.sidebar-right > :last-child {
  	flex-basis: var(--sidebar-right-last-child-size, 20rem); 
  	flex-grow: 1;
}
.sidebar-right > :first-child {
  	flex-basis: 0;
  	flex-grow: 999;
  	min-inline-size: 50%;
}
/* Buttons, CTAs, Taglines */
.btn {
	border-radius: 6.1875rem;
	color: #fff;
	font-size: var(--btn-font-size, 1rem);
	font-weight: var(--btn-font-weight, 600);
	padding-inline: var(--btn-padding-line, 1rem);
	padding-block: var(--btn-padding-block, .5rem);
	text-decoration: none;
	width: max-content;
	border: none;
}
.btn\:primary {
	background-color: var(--clr-primary-blue-digital);
}
.btn\:red {
	background-color: var(--clr-secondary-red);
}
.btn\:light {
	background-color: #fff;
	color: var(--clr-button-secondary);
}
.btn\:yellow {
	background-color: var(--clr-secondary-yellow);
	color:#000;
}
.btn\:blue-timor {
	background-color: var(--clr-primary-blue-timor);
	color:#000;
}
.btn\:calc {
	--btn-padding-block:10px;
	border-radius: var(--space-xs);
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), inset 0px 0px 0px 1px rgba(16, 24, 40, 0.18), inset 0px -2px 0px rgba(16, 24, 40, 0.05);
	background-color: var(--clr-primary-blue-digital);
	width: 100%;
}
.btn\:calc:disabled {
	background-color: #F2F4F7;
	border: 1px solid #E4E7EC;
	color:#98A2B3;
}
.btn\:calc[data-theme="back"] {
	background-color: #FFFFFF;
	border: 1px solid #D0D5DD;
	color: #344054;
}
.tagline {
	border-radius: var(--tagline-border-radius,  2.1875rem);
	font-weight: var(--tagline-font-weight, 700);
	padding-block: var(--tagline-padding-block, var(--step--1));
	padding-inline: var(--tagline-padding-inline, var(--step-1));
	font-size: var(--tagline-font-size, var(--step-3));
	color: #fff;
}
.tagline\:primary {
	background-color: var(--clr-primary-blue-digital);	
}
.tagline\:secondary {
	--tagline-font-size: var(--step--1);
	--tagline-border-radius: 6.25rem;
	--tagline-font-weight: 500;
	--tagline-padding-block: .125rem;
	--tagline-padding-inline: .625rem;
	border:1px solid var(--clr-utility-gray-blue-200);
	background-color: var(--clr-utility-gray-blue-50);
	color: var(--clr-utility-gray-blue-700);	
}
.tagline\:tertiary {
	background-color: var(--clr-primary-blue-timor);	
	color: #000;
}
.tagline\:quaternary {
	background-color: #A78BFA;	
	color: #fff;
}
.tagline\:green {
	--tagline-font-size: var(--step-1);
	--tagline-padding-block: .3375rem;
	--tagline-padding-inline: var(--space-s);
	background-color: #ECFDF3;
	color: #067647;
	border-color: #ABEFC6;
}
/* Languages Switer */
.languages {
	padding-block: .625rem;
}
.languages-switcher {
	--cluster-main-axis: flex-end;
	--cluster-gap:var(var(--space-3xs));
}
/* Dialog Box */
.dialog-container,
.dialog-overlay {
	position: fixed; 
	inset: 0; 
}
.dialog-close {
	width: 24px;
	height: 24px;
	border: none;
	background-color: unset;
	padding: 0;
	align-self: flex-end;
}
.dialog-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center; 
	z-index: 9999;	
	padding-inline: var(--space-s);
	padding-block: var(--space-s);
}
.dialog-container[aria-hidden='true'] {
	display: none; 
}
.dialog-overlay {
	background-color: rgb(43 46 56 / 0.9); 
}
.dialog-content {
	--card-padding-border-radius: var(--space-s);
	--card-padding-inline: var(--space-m);
	--card-padding-block: var(--space-m);
  	margin: auto; 
  	z-index: 2; 
  	position: relative; 
  	background-color: white;
	box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
	animation: fade-in 400ms 200ms both, slide-left 400ms 200ms both; 
	overflow: auto;
	max-height: 90vh;
}
.dialog-calculator {
	overflow: auto;
}
@media (min-width: 800px) {
	.dialog-calculator {
		max-width: 725px;
	}
}
@keyframes fade-in {
    from {
    	opacity: 0;
	}
}
@keyframes slide-left {
    from {
    	transform: translateY(-100%);
	}
}
.dialog-content__inner {
	--heading-font-size: var(--step-1);
}
/* Calculator */
#calculator-intro,
#calculator-area {
	max-width: 396px;
}
.calculator-question {
	color: var(--clr-text-primary);
	font-size: var(--step-2);
}
#calculator-intro hr {
	margin-left: -16px;
	margin-right: -16px;
	width: calc(100% + 32px);
	border: none;
	height: 1px;
	background-color: var(--clr-border-primary);
}
#calculator-intro .btn\:calc {
	width: 100%;
}
.calculator-option {
	display: grid;
	 grid-template-columns: auto 20px;
  	gap: 0.5em;
	padding-inline: var(--space-m);
	padding-block: var(--space-m);
	border-radius: 12px;
	border: 1px solid var(--clr-border-primary);
	font-size: var(--step--1);
	color: #344054;
	transition: all .3s ease-in-out;
}
input[type="radio"] {
  	-webkit-appearance: none;
  	appearance: none;
  	background-color: var(--form-background);
  	margin: 0;
  	color: var(--clr-primary-blue-digital);
  	width: 20px;
  	height: 20px;
  	border: 0.15em solid #48454e;
  	border-radius: 50%;
  	transform: translateY(-0.075em);
  	display: grid;
  	place-content: center;
}
input[type="radio"]:checked {
  	border: 0.15em solid var(--clr-primary-blue-digital);  
}
input[type="radio"]::before {
	content: "";
  	width: 0.65em;
  	height: 0.65em;
  	border-radius: 50%;
  	transform: scale(0);
  	transition: 120ms transform ease-in-out;
  	box-shadow: inset 1em 1em var(--clr-primary-blue-digital);
  	background-color: var(--clr-primary-blue-digital);
}

input[type="radio"]:checked::before {
  	transform: scale(1);
}
.calculator-answers label:has(input[type="radio"]:checked) {
	border: 1px solid var(--clr-primary-blue-digital);
}
#calculator-actions {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--space-s);
}
#calculator-actions:has(button) {
	padding-block-start: var(--space-2xl);
}
#calculator-result {
	--heading-font-size: var(--step-3);
}
#calculator-result .section-intro p {
	font-size: var(--step-0);
}
#calculator-result .grid {
	--tagline-font-size: var(--step-4);
	--tagline-padding-block: .25rem;
	--tagline-padding-inline: 1.125rem;
	gap: var(--space-l);
	grid-template-columns: 1fr;
}
@media (min-width: 768px) {
	#calculator-result .grid {
		grid-template-columns: 21.5625rem 19.5rem;
}
}
#calculator-result .tagline {
	text-transform: uppercase;
}
#calculator-result .calc-plan__icon {
	height: 1.375rem;
}
#calculator-result .plan-recommendation {
	font-size: var(--step--1);
}
.calculator-table {
	font-size: var(--step--1);
	border-collapse: separate; 
  	border-spacing: 0 .1875rem;	
}
@media (min-width: 50rem) {
	.calculator-table {
		width: 21.5625rem;	
	}
}
.calculator-table .cell {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 1rem;
	font-weight: 700;
	padding-inline: .5rem;
	padding-block: .25rem;
	margin: .125rem .125rem .125rem .25rem;
}
@media (max-width: 360px) {
	.calculator-table .cell {
		width: 5rem;
	}
}
.calculator-table tr {
	border-radius: var(--space-m);
	margin-block-end: var(--space-3xs);
}
.calculator-table thead th:first-child {
	background-color: #fff;
}
.calculator-table tbody td:not(:first-child) {
  	text-align: center;
}
.calculator-table tbody td:first-child {
  	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
	padding-inline-start: .75rem;
	font-weight: 500;
}
.calculator-table tbody td:last-child {
  	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
}
#calculator-result .tagline {
	width: max-content;
}
#calculator-result .plan-type__basic .tagline {
	background-color: #A78BFA;
}
.calculator-table__basic tbody tr {
	background-color: #E4DBFD;
}
.calculator-table__basic .cell-weekly {
	background-color: #CFC0FC;
}
.calculator-table__basic .cell-monthly {
	background-color: #A78BFA;
}
#calculator-result .plan-type__start .tagline {
	background-color: var(--clr-primary-blue-timor);
	color: #000;
}
.calculator-table__start tbody tr {
	background-color: #C8EBF3;
}
.calculator-table__start .cell-weekly {
	background-color: #75E5FF;
}
.calculator-table__start .cell-monthly {
	background-color: var(--clr-primary-blue-timor);;
}
#calculator-result .plan-type__plus .tagline {
	background-color: var(--clr-secondary-yellow);
	color: #000;
}
.calculator-table__plus tbody tr {
	background-color: #FFF0C7;
}
.calculator-table__plus .cell-weekly {
	background-color: #FCD462;
}
.calculator-table__plus .cell-monthly {
	background-color: var(--clr-secondary-yellow);
}
#calculator-result .plan-type__power .tagline {
	background-color: var(--clr-secondary-green);
	color: #000;
}
.calculator-table__power tbody tr {
	background-color: #C4FBEA;
}
.calculator-table__power .cell-weekly {
	background-color: #00FFB2;
}
.calculator-table__power .cell-monthly {
	background-color: var(--clr-secondary-green);
}
#calculator-result .plan-type__power-plus .tagline {
	background-color: var(--clr-secondary-red);
}
.calculator-table__power-plus tbody tr {
	background-color: #FFDFDF;
}
.calculator-table__power-plus .cell-weekly {
	background-color: #FF636D;
}
.calculator-table__power-plus .cell-monthly {
	background-color: var(--clr-secondary-red);
}
/* Header */
body.home {
	overflow-x:  hidden !important;
}
.header {
	background-color: var(--clr-primary-blue-digital);
	color:#fff;
}
body.home .header {
	background-color: #fff;
}
.header-container {
	--cluster-cross-axis: baseline;
	--cluster-gap: 2.5rem;
	padding-block: 24px;
}
/* Menu */
.menu {
	--cluster-gap:var(--space-xl);
}
.menu .link {
	color: #fff;
}
.menu a {
	text-decoration: none;
}
.dropdown {
	position: relative;
}
.dropdown-link {
	background: none;
	border: none;
	text-decoration: none;
	cursor: pointer;
	padding: 0;
	gap:var(--space-xs);
	color:#fff;
}
body.home .dropdown-link,
body.home .link {
	color:#000;
}
.dropdown-menu {
	position: absolute;
	min-width: 34.375rem;	
	left: 0;
	top: calc(100% + 1.125rem);
	background-color: #fff;
	box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);
	border-radius: var(--space-s);
	opacity: 0;
	transform: translateY(-10px);
	transition:all 150ms ease-in-out;
	overflow: hidden;
	visibility: hidden;
	z-index: 999;
}
@media (min-width: 80rem) {
	.dropdown-menu {
		min-width: 40.625rem;
	}
}
.dropdown.active > .dropdown-link + .dropdown-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.dropdown-header {
	--heading-font-size: var(--step-3);	
}
.dropdown-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--space-l);
	margin-block-start: 1.75rem;
}
.dropdown-grid a {
	font-size: var(--step-0);
	font-weight: 600;
	color: var(--clr-text-primary);
}
.dropdown-grid p {
	color: var(--clr-text-secondary);
	padding-block-start: var(--space-3xs);
}
.dropdown-footer {
	--btn-font-size: var(--step--1);
	--btn-padding-line: var(--space-l);
	--btn-padding-block: 1rem;
	--repel-gap:0;
	background-color: #fff;
	border-radius: 8px;
	padding-inline: var(--space-m);
	padding-block: var(--space-m);
}
.dropdown-footer__content {
	--heading-font-size: var(--step-0);
	width: 22.875rem;
}
@media (max-width: 65rem ) {
	#menu {
		height: 89px;
		overflow: hidden;
		transition: all .2s ease-in;
   	}
	#menu.active {
		height: auto;
   	}
	#btn-mobile {
		width: 38px;
		height: 38px;
		border: 0;
		padding: 0;
		background: none;
		top:3px;
		cursor: pointer;
		margin-left: auto;
		order:2;
	}
	body.home :is(#btn-mobile .top, #btn-mobile .middle, #btn-mobile .bottom) {
		border-top: 3px solid #000;
	} 
	:is(#btn-mobile .top, #btn-mobile .middle, #btn-mobile .bottom) {
		position: absolute;
		display: block;
		border-radius: 50px;
		left: 0;
		width: 38px;
		height: 4px;
		transition: .3s ease;
		border-top: 3px solid #fff;
	}
	#btn-mobile .top {
		top: 12px;
	}
	#btn-mobile .middle {
		top: 23px;
	}
	#btn-mobile .bottom {
		bottom:0;
	}
	#menu.active #btn-mobile .top {
		transform: rotate(-43deg);
		transform-origin: right;
		top: -1px;
        left: -12px;
        width: 49px;
	}
	#menu.active #btn-mobile .middle {
		transform: translateX(20px);
		opacity: 0;
	}
	#menu.active #btn-mobile  .bottom {
		transform: rotate(43deg);
        transform-origin: right;
        left: -12px;
        bottom: 1px;
        width: 49px;
	}	
	.header-container {
		--cluster-gap: var(--space-3xs);
	}
	#main-nav {
		display: none;
	}	
	#mobile-nav .dropdown-link,
	#mobile-nav .link {
		text-transform: uppercase;
		font-size: var(--step-2);
		font-weight: 600;
	}
	#mobile-nav .dropdown-menu {
		position: relative;
		margin-block-start: var(--space-xs);
		width: 100%;
		min-width: auto;
		height: 1px;
		border: 1px solid #D5D9EB;
	}
	#mobile-nav .dropdown.active > .dropdown-link + .dropdown-menu {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		height: auto;
	}
	#mobile-nav .dropdown-grid {
		grid-template-columns: 1fr;
		margin-block-start: 1rem;
	}
	#mobile-nav .dropdown-header {
		padding-inline-start: 0 !important;
	}

	#mobile-nav .dropdown-footer__content {
		width: 100%;
		text-align: center;
	}
	body.home .dropdown-content {
		border-left: 1px solid rgba(0, 0, 0, 0.15);
		border-right: 1px solid rgba(0, 0, 0, 0.15);
	}
	
}
@media (min-width: 65.0625rem) {
	#btn-mobile,
	#mobile-nav {
		display: none !important;
	}	
}
/* Hero */
.hero-inner {
	--switcher-cross-axis:center;
	--switcher-gutter: var(--space-3xl);
}
.hero-inner .swiper-slide {
	padding-block-start: calc( var(--space-3xl) + 5.625rem);
	padding-block-end: calc(var(--space-4xl) + 5.625rem);
	height: auto;
}
.hero-body {
	--heading-color:#000;
	--btn-padding-line: 1.375rem;
	--btn-padding-block: var(--space-m);
	--heading-font-size:60px;
	--heading-font-weight:400;
	color:#000;
}
.hero-icon {
	max-width: 18.75rem;
}
.hero-cta-icon {
	width: 1.25rem;
	height: 1.25rem;
	object-fit: contain;
}
.hero-body__subtitle {
	font-size: var(--step-0);
	font-weight: 600;
}
.hero-body p {
	font-size: 20px;
	max-width: 34ch;
}
:is(.bg-blue-digital) .hero-body {
	--heading-color: #fff;
	color: #fff;
}
.hero .swiper-pagination-bullet {
	position: relative;
  	bottom: 0px !important;
  	width: 61px;
  	height: 12px;
  	text-align: left;
  	border-radius: 32px;
  	opacity: 1;
  	margin-right: 0px;
  	background-color: transparent;
  	overflow: hidden;
}
.hero .swiper-pagination-bullet em {
  	font-size: 15px;
  	line-height: 28px;
  	font-weight: bold;
  	letter-spacing: -0.38px;
  	color: #111;
}
.hero .swiper-pagination-bullet i {
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	z-index: 1;
  	width: 61px;
  	height: 12px;
  	background-color: #E5E5E5;
  	border-radius: 32px;  
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}
.hero .swiper-pagination-bullet b {
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	z-index: 2;
  	width: 0;
  	height: 12px;
  	background-color: #FFB900;
}
.hero .swiper-pagination-bullet-active {
  	background-color: transparent;
}
.hero .swiper-pagination-bullet-active b {
  	animation-name: progressBar;
  	animation-duration: 5s;
  	animation-timing-function: ease-in;
  	animation-iteration-count: 1;
  	animation-direction: alternate;
  	animation-fill-mode: forwards;
}
@keyframes progressBar {
  0% {
    width: 0;
	left: -1px;
	border-radius: 32px;
  }
  100% {
    width: 61px;
	border-radius: 32px;
  }
}
.hero-pagination {
	position: relative;
	top: calc((var(--space-4xl) + 4rem) * -1);
	left: var(--gutter);
	z-index: 99;
}
.swiper-pagination-bullets.swiper-pagination-horizontal {
	top: 0;
	left: 0;
	bottom: 0;
	text-align: left;
	height: 20px;
}
/* Home - Banner App */
.banner-app-content {
	padding-block-start: 80px;
}
.banner-app-content h2 {
	font-size: var(--step-8);
}
.banner-app-content p {
	font-size: var(--step-2);
	color:var(--clr-text-secondary);
	max-width: 45ch;
}
/* Home - Banner Calculator */
.banner-calculator {
	--card-padding-inline: var(--space-2xl);
	--card-padding-block: var(--space-2xl);
	--sidebar-left-first-child-size: 550px;
	--sidebar-gutter: 32px;
}
.banner-calculator__body  p {
	font-size:var(--step-2);
	color: var(--clr-text-quaternary);
}
.banner-calculator__body .btn\:primary {
	font-size: var(--step-1) !important;
	padding-inline: var(--space-l) !important;
	padding-block: var(--space-m) !important;
}
/* Home - Plans */
.plans {
	--swiper-navigation-size: 14px;
  	--swiper-navigation-top-offset: 0;
  	--swiper-navigation-sides-offset: 0;
  	--swiper-navigation-color: var(--clr-text-tertiary);
	--eyebrow-text-color: var(--clr-primary-blue-digital);
}
.plans .swiper-button-next::after {
	display: none;
}
.plans .swiper-button-prev::after {
	display: none;
}
.plans .swiper-button-next, 
.plans .swiper-button-prev {
	position:  relative !important;
	width: 56px;
	height: 56px;
	left: unset;
	right: unset;
	border: 1px solid var(--clr-border-secondary);
	border-radius: 100%;
	z-index: 99;
}
.plans .swiper-button-prev {
	background: #fff url('assets/icons/icon-arrow-left.svg') center center no-repeat;
}
.plans .swiper-button-next {
	background: #fff url('assets/icons/icon-arrow-right.svg') center center no-repeat;
}
.plans-pagination {
	--cluster-main-axis: flex-end;
	--cluster-gap: var(--space-l);
}
.plans .section-heading {
	--eyebrow-text-color: var(--clr-primary-blue-digital);
}
.plans .swiper {
	overflow: visible !important;
}
.plans-inner {
	background: #fff url("assets/img/vector-persona.svg") left bottom no-repeat;
	overflow: hidden;
}
.plan-slide {
	--eyebrow-text-size: var(--step-3);	
	--eyebrow-text-color: var(--clr-text-primary);
	--heading-font-size: var(--step-2);
	--heading-font-weight: 400;
	border-radius: var(--space-l);
	background-color: var(--clr-utility-bg-secondary);
	padding-block-start: 135px;
	padding-block-end: var(--space-l);
	padding-inline: var(--space-l);
	height: auto;
}
.icon-plan {
	position: absolute;
	top: -35px;
	left: -15px;
	width: 7.8125rem;
	height: 7.8125rem;
}
.plan-slide button {
	margin-block-start: 1.25rem;
	border: none;
	background: none;
}
.plan-slide p {
	color: var(--clr-text-secondary);
}
.plans .circles {
	--cluster-gap: 0;
    --circle-width: 48px;
    --circle-height: 48px;
    top: -23px;
    right: 2px;
}
@media (min-width: 1440px) {
	.plans .circles {
		--circle-width: 8rem;
        --circle-height: 8rem;
        top: -4rem;
        right: .0625rem;
	}
}
/* Home - Services */
.services {
	--switcher-gutter:var(--space-3xl);
	--switcher-cross-axis: center;
	--card-padding-inline:var(--space-l);
	--card-padding-block:var(--space-l);
}
.service-card {
	--heading-font-size: var(--step-2);
}
.service-card h3 {
	padding-block-start: .625rem;
}
.service-card p {
	color:var(--clr-text-secondary);
}
.service-card a {
	color: var(--clr-primary-blue-digital);
	text-decoration: none;
	font-weight: 600;
}
.service-card .icon-arrow-right {
	--cluster-gap: var(--space-xs);
	margin-block-start: 1.25rem;
}
/* Home - Banner App */
.phone-mockup {
	align-self: flex-end;
}
/* Footer */
.footer-container {
	--sidebar-left-first-child-size:8.875rem;
	--sidebar-gutter: clamp(32px, 15%, 12.5rem);
}
.footer-grid {
	--grid-gutter:var(--space-2xl);
	--grid-min-item-size: 270px;
}
.footer-grid h2 {
	color: var(--clr-text-tertiary);
	font-size: var(--step--1);
}
.footer-grid a {
	text-decoration: none;
	font-weight: 600;
	color: #fff;
}
.footer-socials {
	border-top: 1px solid #EAECF0;	
}
.footer-grid ul {
	list-style: none;
	margin-left: 0;
	padding: 0;
}
/* Learn More - Section */
.learn-more {
	--heading-color:#fff;
	--section-intro-width: 75ch;
	color: #fff;
}
.learn-more__cards {
	--grid-gutter: var(--space-2xl);
	--grid-min-item-size: clamp(16rem, 31%, 24rem);
	--heading-font-size: var(--step-3);
	padding-block: var(--space-4xl);
}
.learn-more__cards img {
	border-radius: var(--space-m);
}
.learn-more__cards a {
	color: var(--clr-primary-blue-digital);
}
.learn-more__notice {
	--heading-color: var(--clr-text-quaternary);
	border-radius: var(--space-xl);
	background-color: #fff;
	padding-block: var(--space-2xl);
	padding-inline: var(--space-m);
	color: var(--clr-text-quaternary);
	text-align: center;
	font-size: var(--step-2);
}
.learn-more__notice p {
	max-width: 62ch;
	margin-inline: auto;
}
.learn-more .section-intro {
	padding-block-start: var(--space-4xl);
}
/* Plan Features */
.plan-features__body {
	--switcher-gutter: var(--space-s);
	--cluster-main-axis: center;
	position: relative;
	z-index: 999;
	background: transparent;	
}
.plan-features__body p {
	font-size: var(--step-6);
	font-weight: 600;
}
.plan-features__icon {
	width: 4.6875rem;
	height: 4.6875rem;
}
.plan-features__body__link,
.plan-features__body__button {
	text-decoration: none;
	font-size: var(--step-6);
	font-weight: 600;
	color:#000;
	border: none;
	background-color: transparent;
}
/* Plans */
.plan-calling__cards {
	--grid-min-item-size: clamp(16rem, 31%, 24rem);
	--grid-gutter: var(--space-2xl);
}
.plan-inter-calling__cards {
	--grid-min-item-size: 17.375rem;
	--grid-gutter: var(--space-2xl);
	align-items: start;
}
.plan-card__body {
	text-align: center;
	color: var(--clr-text-primary);
}
.plan-card__body .tagline {
	margin-inline: auto;
}
.plan-card__body .btn {
	margin-inline: auto;
}
.value-minutes {
	display: inline-block;
	font-size: var(--step-6);
	font-weight: 700;
}
.plan-messages {
	--switcher-gutter: var(--space-2xl);
	--switcher-main-axis: flex-start;
}
.plan-messages .mobile-data {
	text-align: center;
}
.plan-messages .mobile-data .value-minutes {
	height: 55px;
}
@media (min-width: 1024px) {
	.plan-messages .switcher > :first-child {
		flex-basis: 26rem;
	}
}
.plan-extras__cards  {
	--heading-font-size: var(--step-3);
	--heading-color: var(--clr-primary-blue-digital);
	--grid-gutter: var(--space-2xl);
	grid-template-columns: repeat(auto-fit, minmax(17.5rem, max-content));
	justify-content: center;
}
/* Tabs */
.tabs-buttons[data-layout="cluster"] {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--space-l);
}
.tabs-buttons[data-layout="cluster"][role="tab-list"] {
	background-color: #fff;
	border: .0844rem solid #E4E4E7;
	margin-inline: auto;
	border-radius: var(--space-s);
	padding-inline: var(--space-l);
	padding-block: var(--space-l);
}
@media (min-width: 40rem) {
	
	.tabs-buttons[data-layout="cluster"][role="tab-list"] {
		width: max-content;
		border-radius: 135px;
		padding-inline: var(--space-s);
		padding-block: var(--space-s);
	}
}
[role="tab-list"] .tab-link {
	color: #A1A1AA;
	padding-inline: var(--space-l);
	padding-block: var(--space-s);
	font-size: var(--step-1);
}
.btn[aria-selected="true"] {
  	color: #fff;
	background-color: var(--clr-primary-blue-digital);
}
.tabs-buttons_btn-yellow .btn[aria-selected="true"] {
  	color: var(--clr-text-primary);
	background-color: var(--clr-secondary-yellow);
}
.tabs-grid {
	--grid-gutter: var(--space-2xl);
}
.tabs-panel {
	opacity: 1;
	transform: scale(1) translateY(0);
	transition: all 350ms ease-in-out;
}
.tabs-panel.hidden {
	opacity: 0;
	transform: scale(.95) translateY(1rem);
}
.plan-center__card {
	width: 100%;
}
.plan-center__card .cluster {
	flex-direction: column;
}
@media (min-width: 33.125rem ) {
	.plan-center__card {
		max-width: max-content;
		margin-inline: auto;
	}
	.plan-center__card .cluster {
		flex-direction: row;
	}
}
/* Sidebar Right */
.section-sidebar__right {
	--sidebar-gutter: var(--space-4xl);
	--sidebar-right-last-child-size: 30.4375rem;
	padding-block: 5rem;
}
.icon-text {
	font-weight: 700;
	font-size: var(--step-0);
}
.icon-with-text p {
	font-size: var(--step-2);
	color: var(--clr-text-secondary);
}
/* TT Fibra Plus */
.plans-without-title {
	padding-block-start: 5.5rem;
}
.value-group {
	--cluster-gap: var(--space-3xs);
	--cluster-main-axis: center;
	--cluster-cross-axis: baseline;
}
.plan-speeds__fixo-tt-fibra + section > div {
	padding-block-end: 5.5rem;
}
/* eSIM */
.hero__esim .swiper-wrapper .swiper-slide:first-child {
	padding-block-end: 0 !important;
}
.switcher__esim > div {
	padding-block-start: 112px;
	padding-block-end: 88px;
}
.switcher__esim {
	--switcher-cross-axis: center;
}
.sidebar__esim {
	--sidebar-right-last-child-size: 32rem;
	--sidebar-gutter: var(--space-2xl);
}
.sidebar__esim > div {
	padding-block: 5.5rem;
}
.sidebar__esim .body {
	--heading-color: #fff;
	color:#fff;
	font-size: var(--step-2);
}
.sidebar__esim .contacts {
	--heading-font-size: 20px;
	--heading-font-weight: 700;
	--heading-color: #fff;
}
.sidebar__esim  .contact-content {
	color: var(--clr-secondary-yellow);
	font-weight: 700;
}
/* Movel Pre Pago */
.tagline-floating {
	display: none;
	visibility: hidden;
}
@media (min-width: 480px) {
	.tagline-floating {
		position: absolute;
		top: -1.25rem;
		left: calc(50vw + 5.625rem);
    	transform: translateX(-50%);
		visibility: visible;
		display: block;
	}
}
@media (min-width: 1280px) {
	.tagline-floating {
		top: -1.875rem;
		left: 62%;
    	transform: translateX(-62%);
	}
}
.tabs-panel__card {
	--card-padding-border-radius: var(--space-xl);
	--card-padding-block: var(--space-l);
	--card-padding-inline: var(--space-l);
	--section-intro-width: max-content;
}
@media (min-width: 64rem) {
	.tabs-panel__card {		
		--card-padding-block: 3.5rem;
		--card-padding-inline: var(--space-4xl);		
	}
}
.tab-panel__grid {
	--grid-gutter: var(--space-xl);
	--card-background-color: #F4F4F4;
	--card-padding-inline: var(--space-m);
	--card-padding-block: var(--space-xl);
	grid-template-columns: repeat(auto-fit, minmax(13.625rem, max-content));
	justify-content: center;
}
.cluster__icon-text p {
	color: var(--clr-text-secondary);
	max-inline-size: 15ch;
}
.cluster__icon-l {
	width: 64px;
	height: 64px;
}
.cluster__instructions p {
	max-inline-size: 35ch;
}
.panel-grid {
	--card-background-color:#8CFFDC;
	--card-padding-block: var(--space-m);
	--card-padding-inline: 0;
	--card-padding-border-radius: var(--space-m);
	--grid-min-item-size: 10.5rem;
	grid-template-rows: repeat(3, 1fr);
	row-gap: var(--space-xl);
	color: #424242;
	text-align: center;
}
.panel-currency {
	font-size: 1.875rem;
	font-weight: 600;	
}
table {
	border: 0;
	width: 100%;
}
.table-container {
	border-radius: var(--space-m);
	background-color: #f4f4f4;	
}
.table-container__tab {
	max-width: 24.1875rem;
}
.table-container__privacy {
	table-layout: fixed;
}
.table-container__privacy th:first-child {
	padding-inline-start: 22px;
}
.table-container__privacy th {
	text-align: left;
}
.table-default {
	font-size: var(--step--1);
	padding-block: var(--space-m);			
}
.table-default th {
	color:var(--clr-primary-blue-digital);
	font-weight: 600;
	background-color: #f4f4f4;	
	padding-block-end: var(--space-m);
}
.table-default td {
	padding-block:22px;
}
.table-default caption {
	text-align: left;
	padding-block-end: var(--space-m);
	font-weight: 600;
	font-size: var(--step-2);
	color: var(--clr-text-primary);
}
.table-default tbody tr:nth-child(odd) {
  background-color: #f9fafb;
}
.table-default tbody tr:nth-child(even) {
  background-color: #F4F4F4;
}
.table-default tbody td:first-child {
	color:var(--clr-text-primary);
	font-weight: 600;
	padding-inline-start: var(--space-xl);
}
.table-container__tab tbody td:not(:first-child) {
  	text-align: center;
 	color: var(--clr-text-secondary);
}
.plan-pre-pago  {
	overflow: hidden;
}
.plan_pre-pago__inner {
	background: rgba(238, 238, 238, 0.93) url(assets/img/bg-tt-icon.svg) bottom right no-repeat;	
}
.plan_pre-pago__inner .wrapper {
	z-index: 9;
}

.plan-pre-pago .circle {
	position: absolute;
	opacity: 0.22;
}
.plan-pre-pago .circle-red {
	top: 0;
	left: 0;
	width: 517px;
	height: 517px;
	background: radial-gradient(50% 50% at 50% 50%, #FF0F1F 0%, #EEEEEE 100%);	
}
.plan-pre-pago .circle-blue {
	top: 0;
	right: 0;
	width: 759px;
	height: 759px;
	background: radial-gradient(50% 50% at 50% 50%, #005EFF 0%, #EEEEEE 100%);
}
.plan-pre-pago-intro {
	--section-intro-width: 75ch;
	text-align: center;
}
.plan-pre-pago__cluster {
	--cluster-gap: var(--space-3xs);
	--cluster-cross-axis: baseline;
}
.plan-pre-pago__grid {
	--card-padding-border-radius: var(--space-m);	
	position: relative;
	display: grid;			
	font-size: 30px;
	font-weight: bold;
	line-height: 1.1;
	z-index: 999;		
}
.plan-pre-pago__grid a  {
	height: 100%;
	font-weight: 700;
	text-decoration: none;
	color: #424242;
	transition: all .3s ease-in;
}
.plan-pre-pago__grid a[aria-selected="true"]  {
	color: #fff;
}
@media (max-width: 1144px) {
	.plan-pre-pago__grid {		
		gap: var(--space-2xl);
        grid-auto-flow: column;
        grid-auto-columns: 10.5rem;
        justify-content: space-around;
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
        padding-block-end: var(--space-2xl);
        padding-inline: 24px;
        padding-block-start: 24px;
	}
	.switcher-plan-pre-pago > :first-child {
		width: 100%;
	}
}
.plan-pre-pago__grid .card-basic {
	background-color: #E4DBFD;
}
.plan-pre-pago__grid .card-basic:has([aria-selected="true"]) {
	background-color: #A78BFA;
}
.plan-pre-pago__grid .card-start {
	background-color: #8CE9FF;
}
.plan-pre-pago__grid .card-start:has([aria-selected="true"]){
	background-color: #00CFFF;
}
.plan-pre-pago__grid .card-plus {
	background-color: #FABD0D;
}
.plan-pre-pago__grid .card-plus:has([aria-selected="true"]) {
	background-color: #FABD0D;
}
.plan-pre-pago__grid .card-power {
	background-color: #8CFFDC;
}
.plan-pre-pago__grid .card-power:has([aria-selected="true"]) {
	background-color: #00FFB2;
}
.plan-pre-pago__grid .card-power-plus {
	background-color: #FF939A;
}
.plan-pre-pago__grid .card-power-plus:has([aria-selected="true"]) {
	background-color: #FF0F1F;
}
.plan-pre-pago__icon {
		position: absolute;
		top: -24px;
		left: -24px;
		width: 48px;
		height: 48px;
}
@media (min-width: 1145px) {
	.plan-pre-pago__grid {
		gap: var(--space-3xl);
		grid-template-columns: repeat(3, 10.5rem);
		grid-template-rows: repeat(3, 10.5rem);		
	}
	.plan-pre-pago__grid .card-basic {
		grid-column-start: 2;
	}
	.plan-pre-pago__grid .card-start {
		grid-column-start: 1;
		grid-row-start: 2;
	}
	.plan-pre-pago__grid .card-plus {
		grid-column-start: 2;
		grid-row-start: 2;
	}
	.plan-pre-pago__grid .card-power {
		grid-column-start: 3;
		grid-row-start: 2;
	}
	.plan-pre-pago__grid .card-power-plus {
		grid-column-start: 2;
		grid-row-start: 3;
	}
	.plan-pre-pago__icon {
		position: absolute;
		top: -30px;
		left: -25px;
		width: 75px;
		height: 75px;
	}
	.plan-card__body__plan-icon {
		max-inline-size: 18.75rem;
		margin-inline: auto;
	}
}
/* Banner Intro 2 Columns */
.banner-intro {
	--sidebar-right-last-child-size: 469px;
	--sidebar-gutter: var(--space-2xl);
	padding-block: 80px;
}
.banner-intro__img {
	margin-inline: auto;
}
/* Page Content */
.page-content {
	--card-padding-inline: var(--space-2xl);
	--card-padding-block: 3.5rem;
	padding-block: var(--space-4xl);
}
/* Company info */
.company-info {
	--switcher-gutter: 72px;
}
/* Company info */
.company-social {
	--sidebar-gutter: var(--space-l);
	--sidebar-left-first-child-size: 550px;
	--card-padding-inline: var(--space-2xl);
	--card-padding-block: var(--space-2xl);
	padding-block: var(--space-l);
}
.company-social__body {
	--cluster-wrap:nowrap;
	max-inline-size: 40.3125rem;
	margin-inline: auto;
}
.company-assets__subtitle {
	font-size: var(--step-2);
	font-weight: 600;
	color: var(--clr-text-primary);
}
/* Sustentabilidade Page */
.sustainability-content {
	--sidebar-gutter: 72px;
}
.sustainability-content > *+* {
	margin-block-start: 80px;
}
@media (max-width: 57rem) {
	.sustainability-content .sidebar-left > :first-child {
		order:1;
	}
}
/* Politica de Privacidade Page */
.privacy-policies__footer {
	--heading-color: #fff;
	--heading-font-weight:400;
}
.privacy-policies__footer p {
	max-inline-size: 60ch;
	font-size: var(--step-2);
}
/* Page SMS */
.page-sms {
	--switcher-gutter: 72px;
}
/* Atendimento */
.banner-atendimento {
	padding-block: 80px;
}
.atendimento-cards {
	--card-background-color: var(--clr-utility-bg-secondary);
	--switcher-gutter: var(--space-2xl);
}
.atendimento-card__icon {
	width: 75px;
	height: 75px;
}
.atendimento-cards .icon-label {
	font-size: var(--step--2);
}
.atendimento-cards .icon-title {
	font-size: var(--step-4);
	font-weight: 700;
}
.atendimento-switcher .phone-mockup {
	align-self: flex-end;
}
.atendimento-switcher p {
	max-inline-size: 44ch;
}
.atendimento-card__body {
	padding-block: 3.75rem;
	font-size: var(--step-2);
	color: var(--clr-text-secondary);

}
.atendimento-form label {
	color:#1E1E1E;
}
.atendimento-form input[type="text"],
.atendimento-form input[type="email"],
.atendimento-form input[type="tel"],
.atendimento-form textarea  {
	border-radius: .5rem;
	border: 1px solid #D9D9D9;
	color: #1E1E1E;
	padding-block: var(--space-s);
	padding-inline: var(--space-m);
	width: 100% !important;
}
.atendimento-form input[type="submit"] {
	background-color: var(--clr-primary-blue-digital);
	color: #fff;
	font-size: var(--sptep-1);
	width: max-content;
	margin-inline: auto;
	border-radius: 5.5625rem;
	padding-block: var(--space-m);
	padding-inline: 1.375rem;
	border: none;

}