html, body {
		min-width:500px!important;
		font-family: "aeonik", Sans-serif;
	}
	.result-container{
	    width:fit-content;
	    margin:auto;
	    padding-bottom:10px;
	}
	.not-found{
	    display:flex;
	    justify-content:center;
	}
	.tnt{
	    width:fit-content;
	    margin:auto;
	    font-size: 36px;
	    margin-bottom:30px;
	}
	.shpt{
        width:fit-content;
        margin:auto;
    }
	.wrap3 {
		display:block;
		clear:both;
		height:100px;
	}
	.wrap1 {
		display:block;
		clear:both;
		height:20px;
	}
	.mapbtn a {
		color:orange;
		border:2px solid orange;
		padding:8px 15px;
		border-radius:100px;
		transition:.2s;
	}
	.mapbtn:hover a {
		opacity:0.8;
		transition:.2s;
	}
	.maptitle {
		font-weight:600;
		color:#000;
	}
	#IframeShipsgoLiveMap {
		border-radius:20px;
		border:10px solid #F6EDFD!important;
		box-shadow:0 0px 5px rgba(0,0,0,0.2);
		height:650px;
		width:100%;
		min-width:350px;
	}
	.flexbox {display:flex;}
	.fb_wrap {flex-wrap:wrap;}
	.fb_vertical_center {align-items:center;}
	.fb_center {justify-content:center;}
	.fb_right {justify-content:right;}
	.fb_middle {align-items:center;}
	.fb_between {justify-content:space-between;}
	.fb_right {justify-content:right;}
	.mapinfobar {
		width:calc(100% / 5);
		padding:15px;
		border-radius:10px;
		margin:0 10px 10px 10px;
		border-radius:20px;
		box-shadow:0 0px 10px rgba(0,0,0,0.2);
		min-width:200px;
	}
	.mapinfobarbig {
		padding:15px;
		border-radius:15px 15px 0px 0px;
		margin:0 10px;
		border-radius:20px;
		box-shadow:0 15px 15px rgba(0,0,0,0.2);
	}
	.bartitle {
		opacity:0.7;
		margin-bottom:15px;
		font-size: 14px;
        color: #0D0D0D80;
	}
	.borange {
		border-bottom:2px solid #F47922;
	}
	.bgreen {
		border-bottom:2px solid #F47922;
	}
	.bblue {
		border-bottom:2px solid #F47922;
	}
	.bgray {
		border-bottom:2px solid #F47922;
		text-align:left;
		font-size:90%;
		font-size: 14px;
        color: #0D0D0DB2;
	}
	.mapinfo {
		width:80%;
		text-align:left;
		padding:20px;
		margin:15px;
		border-radius:30px;
		background-color:#eee;
	}
	.klaster {
		width:100%;
	}
	.dataleft {
		width:100%;
		/*min-width:120px;*/
		text-align:right;
		overflow:hidden;
		font-size:15px;
	}
	.dataright {
		 width: 100%;
		 min-width: 120px;
		 text-align: left;
		 overflow: hidden;
		 line-height: 105%;
		 padding: 3px 0;
		 overflow: hidden;
		 display: -webkit-box;
		 -webkit-line-clamp: 0;
		 line-clamp: 3;
		 -webkit-box-orient: vertical;
		 font-size: 15px;
	}
	.datapoint img {
		height:80px;
		padding:0 15px;
		margin:-10px 0;
	}
	.pointsback {
		padding: 15px;
		border-radius: 20px;
		box-shadow: 0 0px 5px rgba(0,0,0,0.2);
		width: calc(100% - 50px);
		/*min-width: 325px;*/
		margin: 0 20px 0 0;
	}
	.pointsback.fullwidth {
		max-width:100%;
	}
	.pointoff {
		filter:grayscale(100);
	}
	.pointsflex {
		width:35%;
	}
	.pointsflex.fullwidth {
		max-width:100%;
		width:100%;	
	}
	.iframeflex {
		width:100%;
	}
	.info-cursor {
		cursor: help;
	}
	.paddingleft {
		padding-left:3vw;
	}
	.paddingright {
		padding-right:3vw;
	}
	@media screen and (max-width: 1000px) {
		.mobwrap {
			flex-wrap: wrap;
		}
		.mapinfobar {
			width:calc(100% - 6vw);
		}
		.pointsback {
			padding: 15px;
			border-radius: 20px;
			box-shadow: 0 15px 15px rgba(0,0,0,0.2);
			min-width: 100%;
			/*min-width: 325px;*/
			margin: 0;
		}
		.pointsflex {
			max-width:100%;
			width:100%;
			margin-bottom:30px;
		}
		.dataleft {
			width:100%;
		}
		.dataright {
			width:100%;
		}
		#IframeShipsgoLiveMap {
		border:5px solid white!important;
		}
	}
	.greenpoint {
		filter: hue-rotate(70deg);
	}
	.bluepoint {
		filter: hue-rotate(170deg);
	}
	.graypoint {
		filter:grayscale(1);
	}
	.myopacity {
		font-weight:bold;
		opacity:0.8;
		font-size:90%;
		letter-spacing:0.5px;
	}
	/* Center the entire form section */
	.tracking-basic-info {
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	    text-align: center;
	    min-height: 100vh;
	    background-color: linear-gradient(135deg, #F2F2F2, #F7EDFF); /* Light gray background */
	    padding: 0px;
	    font-size:25px;
	}
	/* Style the form container */
	.service.track-trace {
	    background: linear-gradient(135deg, #F2F2F2, #F7EDFF);
	    padding: 20px 30px 30px 30px;
	    border-radius: 10px;
	    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
	    width: 350px;
	    text-align: center;
	    border-bottom: 2px solid #F47B25;
	}
	/* Style paragraph text */
	.service.track-trace p {
	    font-size: 16px;
	    font-weight: 600;
	    color: #333;
	    margin-bottom: 20px;
	}
	.wrap1 {
	    display: flex;
	    align-items: center;
	}
	.home-link {
	    display: flex;
	    align-items: center;
	    text-decoration: none;
	    font-size: 16px;
	    font-weight: bold;
	    color: #F47B25;
	    gap: 10px; /* Space between icon and text */
	    padding-left: 40px;
	    padding-top:100px;
	}
	.back-circle {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    width: 35px; /* Adjust size */
	    height: 35px;
	    border-radius: 50%;
	    background: #F47B25;
	}
	.back-circle img {
	    width: 30px; /* Adjust icon size */
	    height: 30px;
	}
	.home-link:hover {
	    color: #d4631c;
	}
	.cstm_tt_form {
	    border: 1px solid #E5E5E5;
	    width: fit-content;
	    margin: auto;
	    padding: 20px 100px 20px 100px;
	    background: linear-gradient(135deg, #F2F2F2, #F7EDFF);
	    border-radius: 10px;
	    margin-bottom: 35px;
	    display: flex; /* Use Flexbox */
	    align-items: center; /* Align items vertically */
	    gap: 30px; /* Space between elements */
	}
	.wrapper-search-track-only {
	    display: flex;
	    align-items: center;
	    gap: 20px; /* Space between elements */
	}
	.wrapper-search-track-only span {
	    font-size: 14px;
	    font-weight: bold;
	    color: #555;
	}
	.wrapper-search-track-only input[type="text"] {
	    width: 200px; /* Adjust width as needed */
	    padding: 10px;
	    border: 0px solid #ccc;
	    border-radius: 5px;
	    font-size: 16px;
	    /*border-bottom: 1px solid #F47B25;*/
	    text-align: center;
	}
	.button-form-only {
	    cursor: pointer;
	    transition: transform 0.3s ease-in-out;
	    font-size: 16px;
	    color: #ffffff;
	    padding: 7px 15px;
	    border: 0px;
	    background: #F47B25;
	    border-radius: 10px;
	}
	/* Wrapper styling for input fields */
	.wrapper-search-track {
	    display: flex;
	    flex-direction: column;
	    text-align: left;
	    margin-bottom: 15px;
	    /*align-items: center;*/
	}
	/* Label styling */
	.wrapper-search-track span {
	    font-size: 14px;
	    font-weight: bold;
	    color: #555;
	    margin-bottom: 10px;
	    margin-top: 15px;
	}
	/* Input field styling */
	.wrapper-search-track input[type="text"] {
	    width: 100%;
	    padding: 10px;
	    border: 0px solid #ccc;
	    border-radius: 5px;
	    font-size: 16px;
	    /*background-color: #f9f9f9;*/
	    border-bottom: 1px solid #F47B25;
	}
	/* Read-only fields */
	.wrapper-search-track input[readonly] {
	    background-color: #ffffff;
	    cursor: not-allowed;
	}
	/* Track button styling */
	.button-form {
	    width: 100%;
	    max-width: 120px;
	    cursor: pointer;
	    margin-top: 20px;
	    transition: transform 0.3s ease-in-out;
	    font-size:16px;
	    color:#ffffff;
	    padding:7px 0px 7px 0px;
	    border:0px;
	    background:#F47B25;
	    border-radius:10px;
	}
	/* Hover effect on button */
	.button-form:hover {
	    transform: scale(1.05);
	}
	.air-track{
	    width:fit-content;
	    margin:auto;
	    padding-bottom:35px;
	}