:root {
	/* Body */
	--body-padding-top: 0px;
	--body-xs-padding-top: 0px;
	--body-font-size: 16px;
	/* NavBar */
	--navbar-font: 'Poppins', sans-serif;
	--navbar-padding: 20px 0;
	--navbar-scroll-padding: 8px 0;
	--navbar-xs-bg-color: rgb(255,255,255);
	--navbar-xs-font-color: rgb(87,90,92);
	--navbar-xs-font-color-hover: rgb(126,126,126);
	--navbar-xs-font-size: 18px;
	--navbar-bg-color: rgba(255,255,255,0);
	--navbar-font-color: rgb(255,255,255);
	--navbar-font-color-hover: rgb(237,237,237);
	--navbar-font-size: 20px;
	--navbar-font-weight: normal;
	--navbar-font-style: normal;
	--navbar-scroll-bg-color: rgb(255,255,255);
	--navbar-scroll-font-color: rgb(87,90,92);
	--navbar-scroll-font-color-hover: rgb(126,126,126);
	--navbar-scroll-font-size: 18px;

    /* Bigmenu */
    --bigmenu-bg-color: rgb(255,255,255);
    --bigmenu-border: 3px solid rgba(0,150,145,.3);
    --bigmenu-border-radius: 30px;
    --bigmenu-cat-font-size: 18px;
    --bigmenu-cat-font-color: rgb(38,125,109);
    --bigmenu-cat-font-color-hover: rgb(0,150,145);
    --bigmenu-subcat-font-size: 16px;
    --bigmenu-subcat-font-color: #737373;
    --bigmenu-subcat-font-color-hover: #676767;

	--navbar-xs-logo-w: 200px;
	--navbar-logo-w: 290px;
	--navbar-scroll-logo-w: 230px;

	/* Buttons & Line Header */
	--btn-bg-color: rgb(28,174,147);
	--btn-bg-color-hover: rgb(24,152,128);
	--btn-font-color: white;
	--home-search-color: rgba(89,113,209,0.7);

	/* Scroll Back */
	--scroll-bg-color: rgba(129,147,220,0.7);
	--scroll-bg-color-hover: rgb(89,113,209);
	--scroll-font-color: white;

	--footer-font-color: white;
	--footer-font-color-hover: rgb(217,217,217);
	--footer-btn-bg-color: rgb(28,174,147);
	--footer-btn-bg-color-hover: rgb(24,152,128);
	--footer-btn-font-color: white;
}

body{
	/*font-family: 'Varela Round', sans-serif !important;*/
	font-family: 'Poppins', sans-serif;
	padding-top: var(--body-xs-padding-top); /* ELIMINAR SI BG-HEADER */
	font-size: var(--body-font-size);
	color: #333333;
}

@media screen and (min-width: 768px) {
	body{
		padding-top: var(--body-padding-top); /* ELIMINAR SI BG-HEADER */
	}
}

html {
	scroll-behavior: smooth;
}

.breadcrumb {
    background-color: #f6f6f6;
}

/*Campo requerido en Forms*/
.required:after {
	color: #e32;
	content: ' *';
	font-weight: bold;
	display:inline;
}

.nowrap {
	white-space: nowrap;
}

.pricing {
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.1);
	overflow: hidden;
	position: relative;
	transition-duration: 0.4s;
}
.pricing:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition-duration: 0.4s;
}
.pricing .ribbon {
	width: 160px;
	height: 32px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	box-shadow: 0px 2px 3px rgba(136, 136, 136, 0.25);
	background: #4dbe3b;
	transform: rotate(45deg);
	position: absolute;
	right: -52px;
	top: 10px;
	padding-top: 7px;
}

.text-style1 {
	color: #1CAE93;
}
.text-style2 {
	color: #009FE3;
}
.text-style3 {
	color: #666666;
}

.img-grayscale {
	filter: grayscale(1);
	transition: filter 0.6s;
}
.img-grayscale:hover {
	filter: grayscale(0);
}

/*==============*/
/*=== HEADER ===*/
/*==============*/
.timeline {
	padding: 55px 0 55px 0;
}
.features {
	padding: 55px 0 55px 0;
}
.bg-gray {
	/*background-color: #fafafa;*/
	background-color: rgb(242,247,255);
}
.features h1 {
	font-size: 40px;
	padding-bottom: 10px;
}
.features h2 {
	font-size: 32px;
	padding-bottom: 10px;
}
.features p {
	font-size: 18px;
	text-align: justify;
	padding-bottom: 10px;
	color: #6c757d;
}
.feature-main {
	/*background-color: rgb(243,246,250);*/
	/*
	background: rgb(255,255,255);
	background: linear-gradient(135deg, rgba(255,255,255,1) 32%, rgba(255,255,255,1) 45%, rgba(28,174,147,1) 100%);
	*/

	/*
	background: rgb(77,95,139);
background: linear-gradient(151deg, rgba(77,95,139,0.88) 25%, rgba(28,174,147,0.88) 72%);
*/
background: rgb(2,98,184);
background: linear-gradient(151deg, rgba(2,98,184,0.88) 25%, rgba(28,174,147,0.88) 72%);
	/*
background: rgb(28,174,147);
background: linear-gradient(343deg, rgba(28,174,147,0.7) 24%, rgba(255,255,255,1) 86%);
*/
	/*
	background-image: url("../img/background-header.webp");
	background-repeat:no-repeat;
	background-position: center center;
	*/
	color: white;
	padding-top: 0px;
}
.feature-calltoaction {
	background: rgb(2,98,184);
	background: linear-gradient(151deg, rgba(2,98,184,0.88) 25%, rgba(28,174,147,0.88) 72%);
	color: white;
}
.card-calltoaction {
	background: rgb(2,98,184);
	background: linear-gradient(151deg, rgba(2,98,184,0.88) 25%, rgba(28,174,147,0.88) 72%);
	color: white;
}
.feature-main p {
	color: white;
}

.container-top-main {
	padding-top: 115px;
}
.container-top-second {
	padding-top: 115px;
}
@media screen and (max-width: 767px) {
	.container-top-main {
		padding-top: 60px;
	}
	.container-top-second {
		padding-top: 70px;
	}
}

/*==============*/
/*=== NAVBAR ===*/
/*==============*/
/* SM SCREENS */
.navbar {
	font-family: var(--navbar-font);
	background: var(--navbar-xs-bg-color);
	font-size: var(--navbar-xs-font-size);
	font-weight: var(--navbar-font-weight);
	font-style: var(--navbar-font-style);
	transition-duration: 0.4s;
}
.navbar-default-main {
	background: rgb(33,118,193);
}
.navbar-default .navbar-brand,
.navbar-default .navbar-nav>li>a {
	font-size: var(--navbar-xs-font-size);
	color: var(--navbar-xs-font-color);
}
.navbar-default .navbar-brand,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:active {
	color: var(--navbar-xs-font-color-hover);
}
.navbar-default-main .navbar-brand,
.navbar-default-main .navbar-nav>li>a {
	font-size: var(--navbar-xs-font-size);
	color: rgb(255,255,255);
}
.navbar-default-main .navbar-brand,
.navbar-default-main .navbar-nav>li>a:hover,
.navbar-default-main .navbar-nav>li>a:focus,
.navbar-default-main .navbar-nav>li>a:active {
	color: rgb(126,126,126);
}
.navbar-scroll .navbar-brand,
.navbar-scroll .navbar-nav>li>a,
.navbar-scroll .navbar-nav>div>button {
	font-size: var(--navbar-xs-font-size);
	color: var(--navbar-xs-font-color);
}
.navbar-scroll .navbar-brand,
.navbar-scroll .navbar-nav>li>a:hover,
.navbar-scroll .navbar-nav>li>a:focus,
.navbar-scroll .navbar-nav>li>a:active {
	color: var(--navbar-xs-font-color-hover);
}

.navbar-scroll {
	background: var(--navbar-scroll-bg-color);
	box-shadow: 0px 1px 10px rgba(0,0,0,0.4);
	transition-duration: 0.4s;
}
.img-logo {
	width: var(--navbar-xs-logo-w);
	transition-duration: 0.4s;
}
.img-logo-scroll {
	content:url("../img/logo.png");
	width: var(--navbar-xs-logo-w);
	transition-duration: 0.4s;
}

.navbar-default-main .navbar-toggler {
	color: rgb(255,255,255);
	border-color: rgb(255,255,255);
}
.navbar-default .navbar-toggler,
.navbar-scroll .navbar-toggler {
	color: rgba(0, 0, 0, 0.5);
	border-color: rgba(0, 0, 0, 0.1);
}

.navbar-default-main .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(255,255,255)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-default .navbar-toggler-icon,
.navbar-scroll .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0,0,0,0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* BUTTON LIGHT */
.navbar-default-main .btn-outline-navbar {
	color: #f8f9fa !important;
	border-color: #f8f9fa !important;
}
.navbar-default-main .btn-outline-navbar:hover {
	color: #212529 !important;
	background-color: #f8f9fa !important;
	border-color: #f8f9fa !important;
}
.navbar-default-main .btn-outline-navbar:focus, .navbar-default-main .btn-outline-navbar.focus {
	box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.navbar-default-main .btn-outline-navbar.disabled, .navbar-default-main .btn-outline-navbar:disabled {
	color: #f8f9fa !important;
	background-color: transparent !important;
}
.navbar-default-main .btn-outline-navbar:not(:disabled):not(.disabled):active, .navbar-default-main .btn-outline-navbar:not(:disabled):not(.disabled).active,
.navbar-default-main .show > .btn-outline-navbar.dropdown-toggle {
	color: #212529 !important;
	background-color: #f8f9fa !important;
	border-color: #f8f9fa !important;
}
.navbar-default-main .btn-outline-navbar:not(:disabled):not(.disabled):active:focus, .navbar-default-main .btn-outline-navbar:not(:disabled):not(.disabled).active:focus,
.navbar-default-main .show > .btn-outline-navbar.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
/* BUTTON STYLE */
.navbar-default .btn-outline-navbar,
.navbar-scroll .btn-outline-navbar {
	color: var(--btn-bg-color) !important;
	border-color: var(--btn-bg-color) !important;
}
.navbar-default .btn-outline-navbar:hover,
.navbar-scroll .btn-outline-navbar:hover {
	color: #fff !important;
	background-color: var(--btn-bg-color-hover) !important;
	border-color: var(--btn-bg-color-hover) !important;
}
.navbar-default .btn-outline-navbar:focus, .navbar-default .btn-outline-navbar.focus,
.navbar-scroll .btn-outline-navbar:focus, .navbar-scroll .btn-outline-navbar.focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.navbar-default .btn-outline-navbar.disabled, .navbar-default .btn-outline-navbar:disabled,
.navbar-scroll .btn-outline-navbar.disabled, .navbar-scroll .btn-outline-navbar:disabled {
	color: var(--btn-bg-color) !important;
	background-color: transparent !important;
}
.navbar-default .btn-outline-navbar:not(:disabled):not(.disabled):active, .navbar-default .btn-outline-navbar:not(:disabled):not(.disabled).active,
.navbar-default .show > .btn-outline-navbar.dropdown-toggle,
.navbar-scroll .btn-outline-navbar:not(:disabled):not(.disabled):active, .navbar-scroll .btn-outline-navbar:not(:disabled):not(.disabled).active,
.navbar-scroll .show > .btn-outline-navbar.dropdown-toggle {
	color: #fff !important;
	background-color: var(--btn-bg-color-hover) !important;
	border-color: var(--btn-bg-color-hover) !important;
}
.navbar-default .btn-outline-navbar:not(:disabled):not(.disabled):active:focus, .navbar-default .btn-outline-navbar:not(:disabled):not(.disabled).active:focus,
.navbar-default .show > .btn-outline-navbar.dropdown-toggle:focus,
.navbar-scroll .btn-outline-navbar:not(:disabled):not(.disabled):active:focus, .navbar-scroll .btn-outline-navbar:not(:disabled):not(.disabled).active:focus,
.navbar-scroll .show > .btn-outline-navbar.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}


/* LG SCREENS */
@media screen and (min-width: 768px) {
	/* Nav / Navbar Styles
	===================================*/
	.navbar {
		font-size: var(--navbar-font-size);
		background: var(--navbar-bg-color);
		border-bottom: none;
		padding: var(--navbar-padding);
		transition-duration: 0.4s;
	}
	.navbar-default .navbar-nav>li>a {
		color: var(--navbar-scroll-font-color);
		font-size: var(--navbar-font-size);
		transition-duration: 0.4s;
	}
	.navbar-default .navbar-nav>li>a:hover,
	.navbar-default .navbar-nav>li>a:focus,
	.navbar-default .navbar-nav>li>a:active {
		color: var(--navbar-scroll-font-color-hover);
	}

	.navbar-default-main .navbar-nav>li>a {
		color: var(--navbar-font-color);
		font-size: var(--navbar-font-size);
		transition-duration: 0.4s;
	}
	.navbar-default-main .navbar-nav>li>a:hover,
	.navbar-default-main .navbar-nav>li>a:focus,
	.navbar-default-main .navbar-nav>li>a:active {
		color: var(--navbar-font-color-hover);
	}

	/* jQuery Styles
	===================================*/
	.navbar-scroll {
		background: var(--navbar-scroll-bg-color);
		color: var(--navbar-scroll-font-color);
		font-size: var(--navbar-scroll-font-size);
		padding: var(--navbar-scroll-padding);
		box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.4);
		transition-duration: 0.4s;
	}
	.navbar-scroll .navbar-nav>li>a {
		color: var(--navbar-scroll-font-color);
		font-size: var(--navbar-scroll-font-size);
		transition-duration: 0.4s;
	}
	.navbar-scroll .navbar-nav>li>a:hover,
	.navbar-scroll .navbar-nav>li>a:focus,
	.navbar-scroll .navbar-nav>li>a:active {
		color: var(--navbar-scroll-font-color-hover);
	}
	/*
	.nav-dropdown-scroll {
	background: #e7eaea;
	box-shadow: 0px 10px 9px rgba(0, 0, 0, 0.4);
	}
	 */
	.img-logo {
		/*margin-top: -22px;*/
		width: var(--navbar-logo-w);
		transition-duration: 0.4s;
	}
	.img-logo-scroll {
		/*margin-top: -16px;*/
		content:url("../img/logo.png");
		width: var(--navbar-scroll-logo-w);
		transition-duration: 0.4s;
	}
}

/* Mega Menu */
.dropdown-bigmenu {
  overflow: hidden;
}
.btn-navbar {
    background-color: var(--navbar-bg-color);
    color: var(--navbar-font-color);
    border: 0;
    outline: 0;
    transition-duration: 0.6s;
}
.navbar-default .btn-navbar {
    color: var(--navbar-scroll-font-color);
}
.btn-navbar:hover, .btn-navbar:active, .btn-navbar:focus {
    outline: 0;
    color: var(--navbar-font-color-hover);
}
.navbar-default .btn-navbar:hover, .navbar-default .btn-navbar:active, .navbar-default .btn-navbar:focus {
    color: var(--navbar-scroll-font-color-hover);
}
/* Dropdown content (hidden by default) */
.dropdown-bigmenu-content {
  visibility: hidden;
  overflow-y: auto;
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.16, 1, 0.5, 1);
  position: absolute;
  left: 50%;
  width: 90%;
  max-height: calc(100vh - var(--body-padding-top));
  transform: translateX(-50%);
  background-color: var(--bigmenu-bg-color);
  border: var(--bigmenu-border);
  border-radius: var(--bigmenu-border-radius);
  padding: 30px 30px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,.2);
  z-index: 1;
}
.cat-bigmenu {
  font-size: var(--bigmenu-cat-font-size);
  /*text-decoration: underline;*/
  color: var(--bigmenu-cat-font-color);
}
/*
.cat-bigmenu:hover {
  color: var(--bigmenu-cat-font-color-hover);
}
*/
.subcat-bigmenu {
  font-size: var(--bigmenu-subcat-font-size);
  color: var(--bigmenu-subcat-font-color);
}
.subcat-bigmenu:hover {
  color: var(--bigmenu-subcat-font-color-hover);
}
.dropdown-bigmenu-content ul {
  list-style: url("../img/chevron-right-solid.svg");
  padding: 5px 0 5px 15px;
}
/* Show the dropdown menu on hover */
.dropdown-bigmenu-content.show {
  visibility: visible;
  opacity: 1;
}

/*================*/
/*=== WHATSAPP ===*/
/*==============*/
.whatsapp-floating {
	position:fixed;
	width:60px;
	height:60px;
	bottom:25px;
	right:25px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	font-size:30px;
	z-index:100;
	opacity: 0.7;
}

.whatsapp-floating, .whatsapp-floating:link, .whatsapp-floating:hover {
	color: inherit;
	text-decoration: inherit;
}

.whatsapp-floating:hover {
	opacity: 0.5;
}
.whatsapp-floating-icon {
	margin-top:14px;
	color:#FFF;
}

/*==============*/
/*=== FOOTER ===*/
/*==============*/
.footer {
	background: rgb(38,38,38);
	color: var(--footer-font-color);
}
.footer .trama {
	padding-top: 30px;
	padding-bottom: 30px;
	/* CASO ENTRAMADO FOOTER */
	background-image: var(--footer-image);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.footer .footer-copyright {
	background-color: #1f1f1f;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
}
.footer .footer-copyright .row {
	margin-bottom: 0px;
}
.footer .navbar-brand {
	margin-top: 45px;
	height: 65px;
}
.footer .footer-copyright p {
	margin: 10px;
	color: #ccc;
}
.footer .footer-copyright p.pantheon {
	font-family: 'Varela Round', sans-serif;
	margin: 10px;
}
.footer ul {
	list-style-type: none;
	padding-left: 0;
	line-height: 1.7;
}
.footer h5 {
	font-size: 18px;
	color: white;
	font-weight: bold;
	margin-top: 30px;
}
.footer h2 a{
	font-size: 50px;
	text-align: center;
	color: #fff;
}
.footer a {
	color: var(--footer-font-color);
	text-decoration: none;
}
.footer a:hover,
.footer a:focus {
	text-decoration: none;
	color: var(--footer-font-color-hover);
}
.footer .social-networks {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 16px;
}
.footer .social-networks a {
	font-size: 32px;
	color: #f9f9f9;
	padding: 10px;
	transition: 0.2s;
}
.footer .social-networks a:hover {
	text-decoration: none;
}
.footer .facebook:hover {
	color: #0077e2;
}
.footer .instagram:hover {
	color: #D81D49;
}
.footer .youtube:hover {
	color: #bb0000;
}
.footer .spotify:hover {
	color: #5CD862;
}
.footer .google:hover {
	color: #ef1a1a;
}
.footer .twitter:hover {
	color: #00aced;
}
.footer .whatsapp:hover {
	color: #4dc247;
}
.footer .linkedin:hover {
	color: #007bb5;
}
.footer .btn {
	color: var(--footer-btn-font-color);
	background-color: var(--footer-btn-bg-color);
	border-radius: 20px;
	border: none;
	width: 150px;
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	line-height: 25px;
}
.footer .btn:hover, .footer .btn:active, .footer .btn:focus {
	color: var(--footer-btn-font-color);
	background-color: var(--footer-btn-bg-color-hover);
}
@media screen and (max-width: 767px) {
	.footer {
		text-align: center;
	}
}

/*==============*/
/*=== SOCIAL ===*/
/*==============*/
.icon-bar a {
	display: none;
}
@media screen and (min-width: 768px) {
	.icon-bar {
		position: fixed;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index:1;
	}
	.icon-bar a {
		display: block;
		text-align: center;
		padding: 16px;
		transition: all 0.3s ease;
		color: white;
		font-size: 20px;
	}
	.icon-bar a:hover {
		background-color: #000;
	}
	.icon-bar .facebook {
		background: #3B5998;
		color: white;
	}
	.icon-bar .twitter {
		background: #55ACEE;
		color: white;
	}
	.icon-bar .google {
		background: #dd4b39;
		color: white;
	}
	.icon-bar .linkedin {
		background: #007bb5;
		color: white;
	}
	.icon-bar .youtube {
		background: #bb0000;
		color: white;
	}
	.icon-bar .spotify {
		background: #5CD862;
		color: white;
	}
	.icon-bar .instagram {
		background: rgba(216,29,73,1);;
		color: white;
	}
	.icon-bar .whatsapp {
		background: #4dc247;
		color: white;
	}
}

/*=====================*/
/*=== CUSTOM BUTTON ===*/
/*=====================*/
.btn-style {
	background-color: var(--btn-bg-color);
	border-color: var(--btn-bg-color);
	color: var(--btn-font-color);
}
.btn-style:hover, .btn-style:focus, .btn-style:active:focus, .btn-style.active:focus {
	background-color: var(--btn-bg-color-hover);
	border-color: var(--btn-bg-color-hover);
	color: var(--btn-font-color);
}
.btn-outline-style {
	color: var(--btn-bg-color) !important;
	border-color: var(--btn-bg-color);
}
.btn-outline-style:hover, .btn-outline-style:active, .btn-outline-style:focus {
	color: #fff !important;
	background-color: var(--btn-bg-color-hover);
	border-color: var(--btn-bg-color-hover);
}
.btn-outline-style:focus, .btn-outline-style.focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

/*====================*/
/*=== BOTONES PAGO ===*/
/*====================*/
.btn-webpay {
	width: 60px;
}
.btn-medio-pago {
	height: 70px;
}

/*===================*/
/*=== LINE HEADER ===*/
/*===================*/
.pseudo_border {
	position:relative;
	display:inline-block;
	font-size:30px;
	letter-spacing: 5px;
	text-transform: uppercase;
}
.pseudo_border:after {
	content:'';
	position:absolute;
	left:0;right:0;
	top:100%;
	margin: 10px auto;
	width:50%;
	height:6px;
	background: var(--btn-bg-color); /*defColor*/
}



/*================*/
/*=== TIMELINE ===*/
/*================*/
.timeline-steps {
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}

.timeline-steps .timeline-step {
	align-items: center;
	display: flex;
	flex-direction: column;
	position: relative;
	margin: 1rem
}

@media (min-width:768px) {
	.timeline-steps .timeline-step:not(:last-child):after {
		content: "";
		display: block;
		border-top: .25rem dotted #3b82f6;
		width: 3.46rem;
		position: absolute;
		left: 7.5rem;
		top: .3125rem
	}
	.timeline-steps .timeline-step:not(:first-child):before {
		content: "";
		display: block;
		border-top: .25rem dotted #3b82f6;
		width: 3.8125rem;
		position: absolute;
		right: 7.5rem;
		top: .3125rem
	}
}

.timeline-steps .timeline-content {
	width: 10rem;
	text-align: center
}

.timeline-steps .timeline-content .inner-circle {
	border-radius: 1.5rem;
	height: 1rem;
	width: 1rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #3b82f6
}

.timeline-steps .timeline-content .inner-circle:before {
	content: "";
	background-color: #3b82f6;
	display: inline-block;
	height: 3rem;
	width: 3rem;
	min-width: 3rem;
	border-radius: 6.25rem;
	opacity: .5
}