/*******************************
    template-8810
*******************************/

.template-8810.style-1 .card {
	border-radius: 0;
}

.template-8810.style-1 .card:first-child {
	border-radius: calc(1.25rem - 5px) calc(1.25rem - 1px) 0 0;
}

.template-8810.style-1 .card:last-child {
	border-radius: 0 0 calc(1.25rem - 5px) calc(1.25rem - 1px);
}

.template-8810.style-1 .card-header {
	background-color: unset !important;
}

.template-8810.style-1 .card-header:first-child {
	border-radius: unset !important;
}

.template-8810.style-1 .card .card-header button:after {
	content: "-";
	pointer-events: none;
	position: absolute;
	top: 50%;
	right: 1%;
	width: 20px;
	height: 30px;
    transform: translate(0px, -50%);
	background-position: center;
	background-size: cover;
	transition: 0.5s;
	font-size: 25px;
    font-weight: 200;
}

.template-8810.style-1 .card .card-header button.collapsed:after {
    content: "+";
}

.template-8810.style-1 .card .card-body {
	font-size: 0.9rem;
}

.template-8810.style-1 .card .card-header button {
	text-decoration: none;
}

.template-8810.style-1 .card .card-header h6 {
	font-size: 15px;
}

.template-8810.style-1 .card .card-body {
    font-size: 13px;
}

.template-8810.style-1 .card .card-body p:last-child {
    margin-bottom: 0;
}

.template-8810.style-1 .card .card-body a {
    color: var(--color-3);
    font-weight: 500;
}

.template-8810.style-1 .collapse,
.template-8810.style-1 .collapsing {
    transition-duration: 0ms !important;
}

/*Style-2 my trip*/

.template-8810.style-2 .card {
	border: none;
}

.template.style-2 .card .card-header{
	background: none;
}

.template-8810.style-2 .card .card-header h6 {
	background: none;
	margin-bottom: 1rem!important;
}

.template-8810.style-2 .card .card-header button {
	color: black;
    text-align: left;
    background: white;
    border: none;
	border-bottom: 2px solid var(--color-3);
	padding-bottom: 15px;
	text-decoration: none;
}

.template-8810.style-2 .card .card-header button.collapsed {
    border-bottom: 2px solid #D9D9D9;
}


.template-8810.style-2 .card .card-header button.collapsed:after {
	content: "+";
	display: inline;
	pointer-events: none;
	color: var(--color-3);
	position: absolute;
	top: 0;
	right: 0%;
	width: 20px;
	height: 30px;
	background-position: center;
	background-size: cover;
	font-size: 25px;
}

.template-8810.style-2 .card .card-header button:after {
	display: none;
}