h1,
h2,
h3,
h4,
h5,
h6,
p {

	margin: 0;

}

.track-info {

	margin-top: 145px;

}



.tracking-details-box {

	max-width: 600px;

	background-color: #0C63A6;

	padding: 10px;

	margin: 0 auto;

}

.tracking-details {

	bottom: -30px;

	left: 0;

	z-index: 99;

}



.tracking-details-box-content {

	width: 100%;

	max-width: 50%;

	padding: 10px;

	color: #ffffff;

	align-content: center;

}



.tracking-details-box-content span {

	display: block;

}

/* Updated By Murad 08-11-25 */
.tracking-details-box-content center {

	background: #fff;

    margin-top: 10px;

    padding: 10px;

    height: 40px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.tracking-details-box-content center img {

	background-size: contain;

    max-height: 20px;

    width: auto;

}



.tracking-title {

	font-family: 'Roboto';

	font-style: normal;

	font-weight: 500;

	font-size: 13px;

	line-height: 15px;

}



.tracking-details {

	font-family: 'Roboto';

	font-style: normal;

	font-weight: 700;

	font-size: 20px;

	line-height: 23px;

	text-align: center;

}



.tracking-status-content {

	width: 100%;

	max-width: 180px;

}



.status-date {

	font-family: 'Roboto';

	font-style: normal;

	font-weight: 400;

	font-size: 12px;

	line-height: 14px;

	color: #A0A0A0;

	margin-bottom: 11px;

}



.status-title {

	font-family: 'Roboto';

	font-style: normal;

	font-weight: 700;

	font-size: 18px;

	line-height: 21px;

	color: #D6D6D6;

	margin-bottom: 5px;

}



.status-short-details {

	font-family: 'Roboto';

	font-style: normal;

	font-weight: 400;

	font-size: 15px;

	line-height: 18px;

	color: #D6D6D6;





}



.active .status-title {

	color: #000000;

}



.active .status-short-details {

	color: #707070;

}



.tracking-status-content {

	margin-bottom: 20px;

}



.status-icon {

	width: 32px;

	height: 32px;

	background-color: #D6D6D6;

	border-radius: 50%;

	margin-left: 40px;

}



.tracking-status-inside.active .status-icon {

	background-color: #1DB852;

}





.status-icon::before {

	content: '';

	position: absolute;

	width: 200px;

	border: 1px dashed #D6D6D6;

	top: 50%;

	left: -200px;

	z-index: -1;

}



.tracking-status-inside.active .status-icon::before {

	border: 1px solid #1DB852;

}





.tracking-status .row .col-md:first-child .tracking-status-inside .status-icon::before

/*,

.tracking-status .row .col-md:last-child .tracking-status-inside .status-icon::after */
	{

	border: none;

}







.tracking-status {

	border: 2px solid #f4f4f4;

	padding: 100px 74px;

}



.tracking-status-inside .for-incident,

.tracking-status-inside .resolve-btn {

	display: none;

}

.active .for-delivery {

	display: block;

}





.active .for-incident {

	display: none;

}



.tracking-status-inside.incident .for-incident,

.tracking-status-inside.incident .resolve-btn {

	display: block;

}



.incident .for-delivery {

	display: none;

}

.incident .for-incident {

	display: block;

}



.for-incident .status-title {

	color: #B11226;

}



.tracking-status-inside.incident .status-icon {

	display: none !important;

	background-color: #D6D6D6 !important;

}



.resolve-btn .btn,

.resolve-btn2 .btn {

	width: 110px;

	height: 31px;

	background: #1566A6;

	color: #ffffff;

	font-family: 'Roboto';

	font-style: normal;

	font-weight: 500;

	font-size: 13px;

	line-height: 130.19%;

	border-color: #1566A6;

	border-radius: 0;

	transition: .5s;

}



.resolve-btn2 .btn {

	margin-top: 10px;

}



.resolve-btn .btn:hover,

.resolve-btn .btn:focus,

.resolve-btn2 .btn:hover,

.resolve-btn2 .btn:focus {

	background-color: #054a80;

	outline-color: transparent;

}



.resolve-btn .btn::before {

	content: '';

	position: absolute;

	width: 200px;

	border: 1px dashed #D6D6D6;

	top: 50%;

	left: -200px;

	z-index: -2;

}



.details-inner-box {

	padding: 0 15px;

}







/*==========

Details Information

==========*/

.details-information-title-block {

	background-color: #0C63A6;

	padding: 30px 15px;

	color: #ffffff;

}



.contact-chat-obj {

	font-family: 'Roboto';

	font-style: normal;

	font-weight: 400;

	font-size: 15px;

	line-height: 130.19%;

}



.detail-information-text-obj {

	font-family: 'Roboto';

	font-style: normal;

	font-weight: 700;

	font-size: 22px;

	line-height: 26px;

}



.details-chart {

	height: 100%;

	max-height: 416px;

	overflow-y: auto;

}



.chart-row {

	border-bottom: 1px solid #EDEDED;

	padding: 20px 0;

}



.charset-content {

	font-family: 'Roboto';

	font-style: normal;

	font-weight: 400;

	font-size: 13px;

	line-height: 130.19%;

	color: #686868;

	padding: 0 5px;

}



.location-map {

	height: 100%;

	overflow: hidden;

}



.location-map {

	height: 100%;

}



.chat-link-mobile {

	display: none;

}



/*bottom search box*/

.bottom-search-box {

	max-width: 687px;

	margin: 92px auto;

}



.search-content input {

	border-color: #DFDFDF;

	border-radius: 0;

	height: 48px;

	line-height: 48px;

	padding: 0 30px;

	font-size: 15px;

	color: #A2A2A2;

	font-family: 'Roboto';

}



.search-content .btn {

	height: 48px;

	border-color: #0C63A6;

	background-color: #0C63A6;

	line-height: 48px;

	border-radius: 0;

	color: #ffffff;

	padding: 0 30px;

	font-family: 'Roboto';

	font-style: normal;

	font-weight: 500;

	font-size: 15px;

	transition: .5s;

	top: 0;

	right: 0;

	z-index: 99;

}



.search-content .btn:hover,

.search-content .btn:focus {

	background-color: #054a80;

}



.tracking-status-inside.active .resolve-btn {

	display: none;

}



.tracking-status-inside.active.incident .resolve-btn {

	display: flex;

}



@media only screen and (min-width: 768px) {

	.container-large {

		max-width: 768px;

	}

}





@media only screen and (min-width: 1200px) {

	.container-large {

		max-width: 1310px;

	}

}



@media only screen and (max-width: 1199px) {

	.status-icon::before {

		width: 140px;

		left: -140px;

	}

	.tracking-status {

		padding: 100px 30px;

	}



	.details-chart {

		max-height: 392px;

	}

}



@media only screen and (max-width: 1199px) and (min-width: 768px) {

	.status-title {

		font-size: 16px;

	}

	.status-short-details {

		font-size: 12px;

	}

}





@media only screen and (max-width: 992px) {

	.status-icon::before {

		width: 140px;

		left: -140px;

	}

}



@media only screen and (max-width: 768px) {

	.status-icon::before {

		width: unset;

		left: unset;

		height: 110px;

		top: -80px;

		left: 16px;

	}



	.tracking-status-inside {

		position: relative;

		padding-left: 62px;

	}



	.status-icon-box {

		position: absolute;

		top: 0;

		left: 0;

	}



	.status-icon {

		margin-left: 0;

		width: 37px;

		height: 37px;

	}



	.status-date {

		position: absolute;

		top: 0;

		right: 0;

		font-size: 15px;

		line-height: 18px;

	}



	.status-title {

		font-size: 22px;

		margin-bottom: 10px;

	}



	.status-short-details {

		font-size: 20px;

		line-height: 135.2%;

		color: #707070;

	}



	.tracking-status-content {

		margin-bottom: 35px;

	}



	.resolve-btn .btn::before {

		display: none;

	}



	.tracking-status-inside.incident .status-icon {

		display: flex !important;

	}



	.tracking-status-inside.active.incident .status-icon::before {

		border: 1px dashed #D6D6D6;

	}



	.tracking-status {

		padding: 100px 77px 30px;

	}



	.img-map {

		max-width: auto;

		height: auto;

		max-width: 100%;

	}



	.resolve-btn .btn,

	.resolve-btn2 .btn {

		width: 127px;

		height: 36px;

		line-height: 36px;

		padding: 0;

		font-size: 18px;

		font-weight: 500;

	}





	.details-information-title-block {

		padding: 80px 0 30px;

		background-color: transparent;

		color: #686868;



	}



	.detail-information-text-obj {

		text-align: left !important;

		text-decoration: underline;

	}



	.detail-information-text {

		justify-content: flex-start !important;

	}



	.contact-chat {

		display: none !important;

	}



	.details-chart {

		padding: 0 0 50px;

		overflow-x: hidden;

		max-height: unset;

	}



	.charset-content {

		font-weight: 400;

		font-size: 20px;

		line-height: 144.69%;

		color: #9F9F9F;

		padding: 0 5px;


	}



	.mobile-time {

		text-align: right !important;

		padding-right: 10px;

		height: 100%;

		display: flex;

		align-items: center;

		justify-content: flex-end;

	}



	.mobile-text-left {

		text-align: left !important;

	}



	.location-name {

		margin-bottom: 5px;

	}



	.location-name,

	.mobile-time {

		font-weight: 700;

		font-size: 18px;

		line-height: 130.19%;

		color: #838383;



	}



	.mobile-date {

		font-weight: 700;

		font-size: 22px;

		line-height: 130.19%;

		color: #686868;

		margin-bottom: 5px;

	}



	.bottom-search-box {

		margin-top: 0;
		max-width: 480px;

	}



	.search-content .form-group {

		margin-bottom: 0;

		width: 100%;

		max-width: 100%;

	}



	.search-content input {

		height: 57px;

		line-height: 57px;

		background-color: #EDEDED;

		font-size: 20px;

	}



	.search-content .btn {

		position: unset !important;

		font-size: 18px;

		width: 100%;

	}



	.search-content {

		display: flex;

		flex-direction: column;

		align-items: center;

	}



	.chat-link-mobile {

		padding: 15px 10px;

		background-color: #0C63A6;

		margin-top: 50px;

		display: block;

	}



	.chat-link-mobile-text {

		width: 100%;

		max-width: 218px;

		margin: 0 auto;

		color: #ffffff;

		font-family: 'Roboto';

		font-style: normal;

		font-weight: 400;

		font-size: 15px;

		line-height: 130.19%;

		text-align: center;



	}



	.tracking-status-inside.active .resolve-btn {

		display: none;

	}



	.tracking-status-inside.active.incident .resolve-btn {

		display: flex;

	}



	.resolve-btn {

		justify-content: flex-end;

	}



	.tracking-status-content {

		max-width: 100%;

		margin-bottom: 0;

	}



	.tracking-status-inside {

		margin-bottom: 30px;

	}



}



@media only screen and (max-width: 576px) {

	.position-none {

		position: unset !important;

	}



	.track-info {

		margin-top: 40px;

	}



	.tracking-status {

		border: none;

		padding-top: 30px;

	}



	.tracking-details-box {

		max-width: 100%;

	}



	.tracking-details-box-content {

		padding: 14px;

	}



	.tracking-status {

		padding-left: 15px;

		padding-right: 15px;

	}



	.mobile-p-0 {

		padding: 0;

	}



	.details-information-block {

		padding-left: 50px;

		padding-right: 50px;

	}

}


/* Tracking History style CSS By Md Murad Khan */

	:root {

		--custom-primary-color: #0C63A6;

		--custom-primary-rgb: 12, 99, 166;

	}



	.bg-primary-custom {

		background-color: var(--custom-primary-color);

	}



	.text-primary-custom {

		color: var(--custom-primary-color);

	}



	.border-primary-custom {

		border-color: var(--custom-primary-color) !important;

	}


	
	.alert-primary-custom {

		background-color: rgba(var(--custom-primary-rgb), 0.1);

		border-color: rgba(var(--custom-primary-rgb), 0.3);

		color: var(--custom-primary-color);

	}




	.alert-primary-custom .alert-link {

		color: #084270; /* A darkened version for links */

	}



	.text-primary-custom-subtle {

		color: rgba(var(--custom-primary-rgb), 0.7);

	}




	/* Custom style for the 5-step horizontal timeline */
	.status-step {

		position: relative;

		flex: 1 1 0%; 

		min-width: 120px; 

	}



	.status-step:not(:last-child)::after {

		content: '';

		position: absolute;

		top: 16px; 

		left: 50%;

		width: 100%;

		height: 4px;

		background-color: #e5e7eb; 

		z-index: 1;

	}




	.status-step.completed::after {

		background-color: #198754; 

	}




	.status-icon {

		position: relative;

		z-index: 2; 

	}



	
	
	/* CSS for Split Timeline */
	.feed-item {

		display: flex;

		position: relative;

	}



	
	.feed-item:not(:last-child)::before {

		content: '';

		position: absolute;

		left: 139px; 

		top: 24px; 

		width: 2px;

		height: calc(100% + 3rem); /* Covers the mb-5 margin */

		background-color: #e5e7eb; 

		z-index: 0; 

	}




	.feed-icon {

		display: flex;

		align-items: center;

		justify-content: center;

		position: absolute;

		width: 24px; 

		height: 24px; 

		border-radius: 50%; 

		z-index: 1;

		left: 128px; 

		top: 0;
		
		background-color: #0C63A6 !important;

	}
	



	.feed-item-left {

		flex-basis: 140px; 

		flex-shrink: 0;

		padding-right: 1.5rem; 

		text-align: right;

	}
	



	.feed-item-right {

		flex-grow: 1;

		padding-left: 2rem; 

		display: flex;

		min-height: 24px;

	}




	.status-step .status-text {

		display: block;

		margin-top: 0.5rem;

		font-size: 0.875rem; 

		line-height: 1.25rem;

	}




	.status-step .status-description {

		font-size: 0.75rem; 

		line-height: 1rem;
		
	}


	
	.details-inner-box .feed-delivered:first-of-type .feed-icon {

		background-color: green !important;

	}