/**
 * = Timelines
 */
 .list-group-timeline .list-group-item {
	position: relative;
}

/* .list-group-timeline .list-group-item .col-auto {
	z-index: 999;
} */

.list-group-timeline .list-group-item:not(:last-child)::before {
	content: "";
	position: absolute;
	top: 1rem;
	left: 2.5rem;
	height: 100%;
	border-left: 1px solid #9CA3AF;
}
.list-group-timeline .list-group-item::after {
	content: "";
	position: absolute;
	top: 15px;
	left: 8px;
	width: 10px;
	height: 10px;
	margin-top: 0.425rem;
	margin-left: -0.5rem;
	border: 2px solid #2361ce;
	background: #ffffff;
	border-radius: 0.5rem;
}
.list-group-timeline .list-group-item::before {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	left: 4px !important;
	height: 100% !important;
	border-left: 2px solid #E5E7EB !important;
}
.icon-shape {
	width: 4rem;
	height: 4rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.icon-shape.icon-xs {
	width: 2.5rem;
	height: 2.5rem;
}
.icon-shape-info {
	color: #2361ce;
	background-color: rgba(35, 97, 206, 0.3);
}
.faq{
	padding: 15px !important;
}
.form-group input:focus{
	border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important;
}
.services .card ul {
  padding: 0 30px;
  color: var(--color-secondary);
  font-size: 15px;
	list-style: none;
}
.services .card ul i {
  font-size: 20px;
  padding-right: 4px;
  color: var(--color-primary);
}
.services .card h3 {
	text-align: center;
}
@media (max-width: 640px) {
  .header .logo h1 {
    font-size: 20px;
  }
	.footer .footer-info .logo span {
    font-size: 20px;
	}
}
@media (max-width: 575px) {
	.hero h2 {
		font-size: 27px !important;
	}
	.header .logo img {
		max-height: 50px !important;
	}
}
.hero h2 {
	font-size: 42px;
}
.header .logo img {
	max-height: 70px;
}
.text-justify {
	text-align: justify;
}
.services .card p {
	padding: 0 20px;
}
.info-item i {
	font-size: 20px;
	background: var(--color-primary);
	color: #fff;
	width: 44px;
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	transition: all 0.3s ease-in-out;
	margin-right: 10px;
}
.info-item h4 {
	padding: 0;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 5px;
}
.info-item p {
	padding: 0;
	margin-bottom: 0;
	font-size: 14px;
}

@media (min-width: 1400px) {
    .hero .container {
        padding: 200px 0 200px 0;
    }
}