@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
#watermark {
	display: none !important; /* Hide all controls */
}
*{
	padding: 0;
  	margin: 0;
  	box-sizing: border-box;
	font-family: Inter;
}
html{
	scroll-behavior: smooth;
}
body{
	overflow-x: hidden;
	font-family: Inter;
	font-size: 16px;
	margin: 0;
	position: relative;
}

.all-all,
.qld-all,
.vic-all,
.nsw-all,
.sa-all,
.wa-all,
.tas-all,
.metro-all,
.metro-qld,
.metro-nsw,
.metro-vic,
.metro-sa,
.metro-wa,
.metro-tas,
.regional-all,
.regional-qld,
.regional-nsw,
.regional-vic,
.regional-sa,
.regional-wa,
.regional-tas,
.home-all,
.home-qld,
.home-nsw,
.home-vic,
.home-sa,
.home-wa,
.home-tas,
.inter-all,
.inter-qld,
.inter-nsw,
.inter-vic,
.inter-sa,
.inter-wa,
.inter-tas
{
	position: absolute; 
	top: 0; 
	bottom: 0; 
	width: 100%; 
}

.container {
	max-width: 1920px;
	margin: 0 auto;
	width: 100%;
	padding: 2.5% 4%;
}

/* For id landing proper in mobile view */

#carton,
#meal-kit,
#storage,
#pick-pack,
#cross-dock,
#con-un,
#team,
#hd-service,
#li-service,
#ms-service,
#rd-service,
#cookies,
#trans-form,
#storage-form,
#feedback-complaints{
	padding-top: 80px;
	margin-top: -80px;
}

#carton,
#storage,
#pick-pack{
	background-image: linear-gradient(to bottom, transparent 80px, #F5F5F5 80px);
	background-color: transparent;
}

#meal-kit{
	background-image: linear-gradient(to bottom, transparent 79px, #F5F5F5 79px);
	background-color: transparent;
}

#cross-dock,
#con-un,
#hd-service,
#li-service,
#ms-service,
#rd-service,
#cookies,
#trans-form,
#storage-form,
#feedback-complaints{
	background-image: linear-gradient(to bottom, transparent 80px, #FFF 80px);
	background-color: transparent;
}

#team{
	background-image: linear-gradient(to bottom, transparent 80px, #7EB693 80px, #E7FFC0);
	background-color: transparent;
}

.buttons{
	display: grid;
	grid-template-columns: max-content;
	gap: 15px;
	margin-top: 20px;
}

.buttons button{
	border: 1px solid #000;
	border-radius: 20px;
	background-color: #89C02F;
	color: #000;
	letter-spacing: 0.5px;
	font-weight: 500;
	padding: 10px 15px;
}

.buttons button:hover{
	background-color: #000;
	color: #fff;
	transition: 0.2s linear;
}

.buttons button i{
	padding-left: 5px;
}

.buttonss{
	display: grid;
	grid-template-columns: max-content;
	gap: 15px;
	margin-top: 20px;
}

.buttonss button{
	border: none;
	border-radius: 10px;
	background-color: #000;
	color: #fff;
	letter-spacing: 0.5px;
	font-weight: 600;
	padding: 15px 20px;
	transition: 0.2s linear;
}

.buttonss button:hover{
	background-color: #89C02F;
	color: #000;
	transition: 0.2s linear;
}

#scroll-to-top {
    position: fixed;
    cursor: pointer;
    display: none;
	z-index: 9999;

	border: none;
  	background-color: #89C02F;
  	width: 50px;
  	height: 50px;
  	text-align: center;
  	border-radius: 50%;
  	bottom: 30px;
  	left: 30px;
  	transition: background-color .3s, 
    opacity .5s, visibility .5s;
}

#scroll-to-top::after{
	content: "\f077";
  	font-family: FontAwesome;
  	font-weight: normal;
  	font-style: normal;
  	font-size: 2em;
  	line-height: 50px;
  	color: #fff;
}

#feedback {
    position: fixed;
    cursor: pointer;
	z-index: 9999999;
	border: none;
  	background-color: #89C02F;
  	bottom: 42%;
  	right: -29px;
	padding: 5px 10px;
	font-size: 14px;
  	transform: rotate(270deg);
}

#feedback:hover{
	background-color: #000;
	color: #fff;
	transition: 0.2s linear;
}

#feedback a{
	text-decoration: none;
	color: #000;
}

#feedback:hover a{
	color: #fff;
	transition: 0.2s linear;
}

#support-contact {
    position: fixed;
    cursor: pointer;
    z-index: 9999999;
    border: none;
    background-color: #89C02F;
    bottom: 54%;
    right: -73px; /* Start partially hidden */
    padding: 5px 10px;
    font-size: 14px;
    transform: rotate(270deg);
    transition: right 0.3s ease, background-color 0.2s linear, color 0.2s linear;
}

#support-contact:hover {
    background-color: #000;
    color: #fff;
    right: -40px; /* Slide left into view */
}

#support-contact a {
    text-decoration: none;
    color: #000;
}

#support-contact:hover a {
    color: #fff;
}


p{
	line-height: 1.5;
	font-size: 16px;
}

h2{
	font-size: 36px;
	font-weight: 600;
	line-height: 1.2;
}

.ms-hero-subheading{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
}

.ms-hero-subheading .outer{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 12px;
	width: 12px;
	border-radius: 2px;
	background-color: #BEF264;
}

.ms-hero-subheading .inner{
	height: 8px;
	width: 8px;
	border-radius: 50%;
	background-color: white;
}

.ms-hero-subheading h3{
	font-size: 20px;
	font-weight: 400;
}

button:hover{
	cursor: pointer !important;
  }

/* Header Section */

header {
	background-color: transparent;
	position: sticky;
	height: 80px;
	z-index: 10000;
	top: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out; /* You can remove this line if no transitions are needed */
}
nav{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	height: 80px;
	z-index: 99;
	background-color: #fff;
	transition: transform 0.4s ease-out; /* You can remove this line if no transitions are needed */
}

/* Remaining CSS code remains unchanged */

nav .navbar {
	height: 100%;
	max-width: 1920px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: auto;
	padding: 0 50px;
}
.navbar .logo {
	display: flex;
	justify-content: center;
	align-items: center;
}
.navbar .logo a {
	display: flex;
}
.navbar .logo a img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 45px;
	object-fit: cover;
}
nav .navbar .nav-links {
	line-height: 80px;
	height: 100%;
}
nav .navbar .links {
	display: flex;
}
nav .navbar .links li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	list-style: none;
	padding: 0 14px;
}
nav .navbar .links li a {
	height: 100%;
	text-decoration: none;
	text-underline-offset: 10px;
	white-space: nowrap;
	color: #000;
	font-size: 16px;
	font-weight: 500;
}
nav .navbar .links li a:hover {
	text-decoration: underline 2px;
	text-underline-offset: 10px;
}
.links li:hover .htmlcss-arrow,
.links li:hover .js-arrow {
	transform: rotate(180deg);
}
nav .navbar .links li .arrow {
	height: 100%;
	width: 22px;
	line-height: 80px;
	text-align: center;
	display: inline-block;
	color: #000;
	transition: all 0.3s ease;
}
nav .navbar .links li .sub-menu {
	position: absolute;
	top: 80px;
	left: 0;
	line-height: 40px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	display: none;
	z-index: 999;
	padding: 10px;
	background-color: #fff;
}
nav .navbar .links li:hover .htmlcss-sub-menu,
nav .navbar .links li:hover .js-sub-menu {
	display: block;
	z-index: 999;
}
.navbar .links li .sub-menu li {
	padding: 0;
}
.navbar .links li .sub-menu .submenu-heading {
	border-bottom: 1px solid #7a7a7a;
	color: #7a7a7a;
}
.navbar .links li .sub-menu a {
	color: #000;
	font-size: 16px;
	font-weight: 500;
	padding: 0 10px;
	width: 100%;
	text-decoration: none;
	transition: background-color 0.3s ease;
}
.navbar .links li .sub-menu a:hover {
	text-decoration: none;
	background-color: #f0f0f0;
}
nav .navbar .con-btn {
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: center;
}
nav .navbar .con-btn a {
	text-decoration: none;
	color: #000;
}
nav .navbar .con-btn .phone-btn {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	align-content: center;
	justify-content: center;
	gap: 5px;
}
nav .navbar .con-btn .phone-btn img {
	height: auto;
	max-height: 36px;
	width: auto;
	max-width: 36px;
}
nav .navbar .con-btn .phone-btn h5 {
	font-size: 16px;
	font-weight: 500;
}
nav .navbar .con-btn button {
	padding: 0.5rem 1.5rem;
	border: 2px solid #fff;
	border-radius: 20px;
	background-color: #89C02F;
	color: #000;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 600;
	box-shadow: rgba(149, 157, 165, 0.3) 0px 8px 20px;
}

nav .navbar .con-btn button:hover {
	transform: scale(1.05);
}
.navbar .nav-links .sidebar-logo {
	display: none;
}
.navbar .fa-bars {
	display: none;
}

@media (max-width: 1279px) {

	nav .navbar{
		padding: 0 30px;
	}

	.navbar .logo a img{
		max-width: 150px;
		max-height: 100%;
	}

	nav .navbar .links li{
		padding: 0 9.45px;
	}

	nav .navbar .con-btn .phone-btn img{
		max-width: 30px;
		max-height: 30px;
	}

	nav .navbar .con-btn{
		gap: 10px;
	}

	nav .navbar .con-btn button{
		padding: 0.5rem 0.7rem;
	}

	nav .navbar .con-btn .phone-btn h5{
		display: none;
	}
}

@media (max-width: 1024px) {

	.no-scroll {
		overflow: hidden;
	}
	.navbar .fa-bars {
		display: block;
	}
	nav .navbar .nav-links {
		position: fixed;
		top: 0;
		left: -100%;
		display: block;
		max-width: 360px;
		width: 100%;
		height: auto;
		background: #89C02F;
		line-height: 30px;
		padding: 20px;
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		transition: all 0.5s ease;
		z-index: 1000;
	}
	.navbar .nav-links .sidebar-logo {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.sidebar-logo .logo-name {
		font-size: 25px;
		color: #000;
	}
	.sidebar-logo i,
	.navbar .fa-bars {
		font-size: 25px;
		color: #000;
	}
	nav .navbar .links {
		display: block;
		margin-top: 20px;
	}
	nav .navbar .links li .arrow {
		line-height: 30px;
	}
	nav .navbar .links li {
		display: block;
		padding: 5px 14px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	.navbar .links li .sub-menu li{
		padding: 2px 0;
	}
	nav .navbar .links li .sub-menu {
		position: relative;
		top: 0;
		box-shadow: none;
		display: none;
	}
	.navbar .links li .sub-menu .submenu-heading {
		color: #fff;
		border-bottom: 1px solid #fff;
		padding: 5px 0;
	}
	.links li:hover .htmlcss-arrow,
	.links li:hover .js-arrow {
		transform: rotate(0deg);
	}
	nav .navbar .links li:hover .htmlcss-sub-menu,
	nav .navbar .links li:hover .js-sub-menu {
		display: none;
	}
	.navbar .nav-links.show1 .links .htmlcss-sub-menu,
	.navbar .nav-links.show3 .links .js-sub-menu,
	.navbar .nav-links.show2 .links .more .more-sub-menu {
		display: block;
		background-color: #89C02F;
	}
	.navbar .nav-links.show1 .links .htmlcss-arrow,
	.navbar .nav-links.show3 .links .js-arrow {
		transform: rotate(180deg);
	}

	.navbar .nav-links.show1 .links .htmlcss-arrow-outer,
	.navbar .nav-links.show3 .links .js-arrow-outer{
		border: none;
	}

	nav .navbar .con-btn .phone-btn h5{
		display: block;
	}

}

@media (max-width: 768px) {
	nav .navbar {
		padding: 0 25px;
	}
	.navbar .logo a img {
		max-height: 40px;
	}
	nav .navbar .links li {
		white-space: nowrap;
		line-height: 30px;
	}
	nav .navbar .con-btn .phone-btn-outer {
		display: none;
	}
	.sidebar-logo i,
	.navbar .fa-bars {
		font-size: 20px;
	}
	nav .navbar .con-btn button {
		padding: 0.5rem 1rem;
	}
}






/* Footer Section */

.footer-main{
	margin-top: 50px;
}

.footer-main .second-last{
	background-color: #15171A;
}

.footer-main .second-last .container .second-last-content{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	color: white;
	padding: 2% 0;
}

.footer-main .second-last .container .second-last-content h5{
	color: #D1FF19;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 2px;
	width: 100%;
	text-align: center;
	height: auto;
	width: 100%;
	max-width: 1024px;
}

.footer-main .second-last .container .second-last-content h4{
	color: #9CA3AF;
	font-size: 36px;
	font-weight: normal;
	line-height: 1.1;
	height: auto;
	width: 100%;
	max-width: 1024px;
	text-align: center;
	padding: 10px 0;
}

.footer-main .second-last .container .second-last-content h4 span{
	color: #ffffff;
}

.footer-main .second-last .container .second-last-content h6{
	color: #ffffff;
	font-size: 36px;
	font-weight: normal;
	height: auto;
	width: 100%;
	max-width: 1024px;
	text-align: center;
	padding: 10px 0;
}

.footer-main .second-last .container .second-last-content .buttonss{
	margin-top: 10px;
}

.footer-main .second-last .container .second-last-content .buttonss button{
	background-color: #89C02F;
	color: #000;
}

.footer-main .second-last .container .second-last-content .buttonss button:hover{
	background-color: #fff;
}

.footer-main .last .last-content{
	display: grid;
	grid-template-columns: 1fr minmax(max-content, 200px) 1fr 1fr;
}

.footer-main .last .last-content .footer-about,
.footer-main .last .last-content .footer-quick-link,
.footer-main .last .last-content .footer-contact,
.footer-main .last .last-content .footer-map{
	padding: 0 25px;
	justify-content: space-between;
}

.footer-main .last .last-content .footer-about .footer-logo{
	width: 100%;
	margin: 0 0 10px 0;
}

.footer-main .last .last-content .footer-about .footer-logo img{
	width: 100%;
	max-width: 152px;
}

.footer-main .last .last-content .footer-header h5{
	font-size: 20px;
	margin: 0 0 20px 0;
}

.footer-main .last .last-content .footer-quick-link .footer-menu-link{
	display: flex;
	flex-direction: column;
	padding: 0 0 0 15px;
}

.footer-main .last .last-content .footer-quick-link .footer-menu-link a{
	text-decoration: none;
	color: #7a7a7a;
	font-weight: 600;

	padding: 0 0 5px 0 ;
}

.footer-main .last .last-content .footer-quick-link .footer-menu-link a:hover{
	color: #7EB693;
	padding: 0 0 5px 0 ;
	font-weight: 600;
}

.footer-main .last .last-content .footer-contact .footer-contact-details .footer-queensland-address{
	padding: 0 0 20px 0;
}

.footer-main .last .last-content .footer-contact .footer-contact-details h6{
	font-size: 18px;
	color: #7a7a7a;
	font-weight: 550;
	padding: 0 0 10px 0;
}

.footer-main .last .last-content .footer-contact .footer-contact-details p{
	padding: 0 0 5px 0;
	color: #7a7a7a;
}

.footer-main .last .last-content .footer-contact .footer-contact-details p a{
	color: #7EB693;
	text-decoration: none;
}

.footer-main .last .last-content .footer-contact .footer-contact-details p a:hover{
	color: #000;
}

.footer-main .last .last-content .footer-map img{
	border-radius: 20px;
	height: auto;
	max-height: 300px;
	max-width: 100%;
	object-fit: cover;
}

.footer-copyright{
	border-top: 1px solid #000;
	margin: 0 2%;
}

.footer-copyright-inner{
	padding: 10px 0;
	display: flex;
	flex-direction: column;
	width: 100%;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.footer-copyright p{
	color: #7a7a7a;
}

/* call to action section */

.call2action-main{
	background-image: url('../image/call2action-bg.webp');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.call2action-main .call2action-bg{
	background: rgba(0, 0, 0, 0.7);
}

.call2action-main .call2action-container{
	display: flex;
	justify-content: space-between;
	padding: 80px 40px;
	color: white;
}

.call2action-main .call2action-container h3{
	margin-bottom: 20px;
	font-size: 32px;
	font-weight: 500;
}

.call2action-main .call2action-container p span{
	font-weight: bold;
}

.call2action-main .call2action-container p span a{
	color: #fff;
	text-decoration: none;
}

.call2action-main .call2action-container .call2action-btn{
	display: flex;
	align-items: center;
}

.call2action-main .call2action-container .call2action-btn .buttonss{
	display: grid;
    grid-template-columns: max-content;
    gap: 15px;
    margin-top: 0;
}

.call2action-main .call2action-container .call2action-btn .buttonss button{
	border: 1px solid #fff;
    background-color: transparent;
}

.call2action-main .call2action-container .call2action-btn .buttonss button:hover{
	background-color: #89C02F;
	border: 1px solid #89C02F;
}



/* Hero carousel section */

.home-hero-button{
	grid-template-columns: max-content max-content;
}

.carousel{
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	margin-top: -80px;
	position: relative;
}

/* Ensure loader is visible by default */
/* .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #89C02F;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    transform: translate(-50%, -50%);
    z-index: 1000;
    display: block;
} */

/* Ensure the loading overlay is visible by default */
/* .loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 1);
    display: block;
    z-index: 500;
} */

/* @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
} */


.carousel .list .item{
	position: absolute;
	inset: 0 0 0 0;
	display: flex;
	justify-content: flex-start;
	opacity: 0;
    /* transition: opacity 1s ease-in-out; */
}

.item:first-child {
    opacity: 1 !important;
}

/* .carousel .list .item video{
	width: 100%;
	height: 100%;
	object-fit: cover;
} */

.carousel .list .item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.carousel .list .item .content{
	/* background: rgba(217, 217, 217, 0.3); */
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom: 5%;
	left: 5%;
	width: 40%;
	max-width: 960px;
	padding: 2% 2% 8% 2%;
	box-sizing: border-box;
	color: #fff;
	text-shadow: 0 5px 10px #0004;
	overflow: hidden;
	opacity: 0;
}

.carousel .list .item .abc{
	opacity: 1 !important;
}

.carousel .list .item .content.show {
    transition: opacity 1s ease-in-out;
    opacity: 1;
}

.carousel .list .item .content hr{
	width: 20%;
	height: 10px;
	background-color: white;
	border: none;
	margin-bottom: 10px;
}

.carousel .list .item .content .title{
	font-size: 3em;
	line-height: 1.3em;
	text-transform: uppercase;
	width: 100%;
	max-width: 400px;
}

.carousel .list .item .content .des{
	font-size: 16px;
	width: 100%;
	max-width: 400px;
}

/* Thumbnail */

.thumbnail{
	position: absolute;
	bottom: 50px;
	left: 50%;
	width: max-content;
	z-index: 100;
	display: flex;
	gap: 20px;
}

.thumbnail .item{
	width: 150px;
	height: 220px;
	flex-shrink: 0;
	position: relative;
}

.thumbnail .item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}

.arrows{
	position: absolute;
	bottom: 8%;
	left: 7%;
	width: 300px;
	max-width: 30%;
	display: flex;
	gap: 40px;
	align-items: center;
}

.arrows button{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #eee4;
	border: 2px solid white;
	font-family: monospace;
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	transition: .5s;
	z-index: 100;
}

.arrows button:hover{
	background-color: #eee;
	color: #555;
}

.carousel .list .item:nth-child(1){
	z-index: 1;
}

/* Effect next click */

.carousel.next .list .item:nth-child(1) .content1{
	transform: translateY(200%);
	animation: showContent 0.6s linear 1 forwards;
}

@keyframes showContent {
	to{
		transform: translateY(0);
	}
}

.carousel.next .list .item:nth-child(1){
	z-index: 2;
}

.carousel.next .list .item:nth-last-child(1) .content .content1{
	animation: contentOutn 0.6s linear 1 forwards;
}

@keyframes contentOutn{
	to{
		transform: translateY(-200%);
	}
}

/* .carousel.next .list .item:nth-child(1) video{
	width: 150px;
	height: 220px;
	position: absolute;
	left: 50%;
	bottom: 50px;
	border-radius: 20px;
	animation: showImage 0.5s linear 1 forwards;
} */

.carousel.next .list .item:nth-child(1) img{
	width: 150px;
	height: 220px;
	position: absolute;
	left: 50%;
	bottom: 50px;
	border-radius: 20px;
	animation: showImage 0.5s linear 1 forwards;
}

@keyframes showImage {
	to{
		width: 100%;
		height: 100%;
		left: 0;
		bottom: 0;
		border-radius: 0;
	}
}

.carousel.next .thumbnail .item:nth-last-child(1){
	width: 0;
	overflow: hidden;
	animation: showThumbnail .5s linear 1 forwards;
}

@keyframes showThumbnail {
	to{
		width: 150px;
	}
}

.carousel.next .thumbnail{
	transform: translateX(150px);
	animation: transformThumbnail .5s linear 1 forwards;
}

@keyframes transformThumbnail {
	to{
		transform: translateX(0);
	}
}

/* Effect Prev Click */

.carousel.prev .list .item:nth-child(2){
	z-index: 2;
}

/* .carousel.prev .list .item:nth-child(2) video{
	position: absolute;
	bottom: 0;
	left: 0;
	animation: outImage 0.5s linear 1 forwards;
} */

.carousel.prev .list .item:nth-child(2) img{
	position: absolute;
	bottom: 0;
	left: 0;
	animation: outImage 0.5s linear 1 forwards;
}

@keyframes outImage {
	to{
		width: 150px;
		height: 220px;
		border-radius: 20px;
		left: 50%;
		bottom: 50px;
	}
}

.carousel.prev .thumbnail .item:nth-child(1){
	width: 0;
	overflow: hidden;
	opacity: 0;
	animation: showThumbnail 0.5s linear 1 forwards;
}

.carousel.prev .list .item:nth-child(2) .content1{
	transform: translateY(0);
	animation: showContent1 0.6s linear 1 forwards;
}

@keyframes showContent1 {
	to{
		opacity: 1;
		transform: translateY(200%);
	}
}

.carousel.prev .list .item:nth-child(1) .content1{
	transform: translateY(-200%);
	animation: contentOut 0.6s linear 1 forwards;
}

@keyframes contentOut {
	to{
		transform: translateY(0);
	}
}

/* Home About us section  */

.home-about-main{
	background-color: #F9F8F8;
}

.home-about{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: fit-content(10px) 1fr;
	grid-template-areas: "home-about-left-half home-about-right-top-half"
						 "home-about-left-half home-about-right-bottom-half";
	gap: 0 3%;
}

.home-about-left-half{
	display: grid;
	grid-area: home-about-left-half;
	align-items: center;
	justify-items: center;
}

.home-about .home-about-left-half img{
	height: auto;
	max-height: 500px;
	max-width: 100%;
	object-fit: cover;
}

.home-about-right-top-half{
	position: relative;
	grid-area: home-about-right-top-half;
	padding-bottom: 20px;
}

.home-about .ms-hero-subheading{
	justify-content: start;
	padding-bottom: 10px;
}

.home-about .home-about-right-top-half h1{
	font-weight: 300;
	padding-bottom: 20px;
	font-style: italic;
	font-size: 36px;
	font-weight: 600;
	line-height: 1.2;
}

.home-about .home-about-right-top-half h1 span{
	font-weight: 600;
	font-style: normal;
}

.home-about .home-about-right-top-half h1 span span{
	color: #89C02F;
	font-style: normal;
}

.home-about-right-bottom-half{
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: fit-content(10px) fit-content(10px) fit-content(10px);
	grid-area: home-about-right-bottom-half;
	width: 100%;
}

.home-about-right-bottom-half .home-about-service{
	display: grid;
	grid-template-columns: fit-content(10px) auto;
	grid-template-rows: auto;
	align-items: start;
	padding-top: 20px;
}

.home-about-right-bottom-half .home-about-service .icon{
	display: grid;
	align-items: center;
	justify-items: center;
	padding: 20px;
	border-radius: 50%;
	background: linear-gradient(to bottom right, #066D36, #89C02F, #89C02F);
}

.home-about-right-bottom-half .home-about-service .icon img{
	height: auto;
	max-height: 50px;
	width: auto;
	max-width: 50px;
}

.home-about-right-bottom-half .home-about-service .home-about-service-content{
	padding: 0 0 0 20px;
}

.home-about-right-bottom-half .home-about-service .home-about-service-content a{
	text-decoration: none;
	color: #000;
}
.home-about-right-bottom-half .home-about-service .home-about-service-content a:hover{
	text-decoration: underline;
}

.home-about-right-bottom-half .home-about-service .home-about-service-content span{
	font-weight: 600;
}

.home-about-right-bottom-half .home-about-service .home-about-service-content h4{
	font-size: 24px;
	font-weight: 600;
	padding-bottom: 5px;
}

/* client logo section */

/* .client-logos{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 2.5% 0;
}

.client-logos:before,
.client-logos:after{
	position: absolute;
	top: 0;
	width: 10%;
	height: 100%;
	content: "";
	z-index: 2;
}

.client-logos:before{
	left: 0;
	background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
}

.client-logos:after{
	right: 0;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

.logos1:hover .logos-slide1{
	animation-play-state: paused;
}

.logos1{
	overflow: hidden;
	padding: 15px 0 15px 0;
	white-space: nowrap;
}

.logos-slide1{
	display: inline-block;
	animation: 35s slideLeft infinite linear;
}

@keyframes slideLeft {
	from{
		transform: translateX(0);
	}
	to{
		transform: translateX(-100%);
	}
}

.logos-slide1 img{
	height: 70px;
	margin: 0 40px;
} */

@keyframes slides {
	from {
	  transform: translateX(0);
	}
	to {
	  transform: translateX(-100%);
	}
  }
  
  .logos {
	overflow: hidden;
	padding: 2.5% 0px;
	white-space: nowrap;
	position: relative;
  }
  
  .logos:before, .logos:after {
	position: absolute;
	top: 0;
	content: '';
	width: 250px;
	height: 100%;
	z-index: 2;
  }
  
  .logos:before {
	left: 0;
	background: linear-gradient(to left, rgba(255,255,255,0), rgb(255, 255, 255));
  }
  
  .logos:after {
	right: 0;
	background: linear-gradient(to right, rgba(255,255,255,0), rgb(255, 255, 255));
  }
  
  .logo_items {
	display: inline-block;
	animation: 35s slides infinite linear;
  }
  
  .logos:hover .logo_items {
	animation-play-state: paused;
  }
  
  .logo_items img{
	height: 70px;
	margin: 0 40px;
}


/* home map section  */

.home-map{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 30px;
}

.home-map-main .container{
	padding: 0 4%;
}

.home-map .map-left-half{
	display: grid;
	grid-template-rows: fit-content(10px) 1fr;
	grid-row-gap: 20px;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	padding: 2.5% 0;
}

.home-map .map-left-half .map-left-img{
	display: grid;
	justify-items: end;
}

.home-map .map-left-half .map-left-img img{
	height: auto;
	max-height: 520px;
	max-width: 100%;
	object-fit: cover;
}

.home-map .map-left-half .map-left-content{
	display: grid;
	grid-template-rows: fit-content(10px) 1fr;
	justify-items: end;
	padding: 0 30px 0 0;
}

.home-map .map-left-half .map-left-content img{
	height: auto;
	max-height: 30px;
	width: auto;
	max-width: 30px;
}

.home-map .map-left-half .map-left-content p{
	padding: 10px 0 0 0;
	width: 100%;
	max-width: 350px;
	text-align: end;
}

.home-map .map-right-half{
	display: grid;
	grid-template-rows: fit-content(10px) 1fr;
	grid-row-gap: 20px;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	padding: 20px 0 20px 0;
}

.home-map .map-right-half .map-right-img{
	display: grid;
	justify-items: start;
}

.home-map .map-right-half .map-right-img img{
	height: auto;
	max-height: 520px;
	max-width: 100%;
	object-fit: cover;
}

.home-map .map-right-half .map-right-content{
	display: grid;
	grid-template-rows: fit-content(10px) 1fr;
	justify-items: start;
	padding: 0 0 0 30px;
}

.home-map .map-right-half .map-right-content img{
	height: auto;
	max-height: 30px;
	width: auto;
	max-width: 30px;
}

.home-map .map-right-half .map-right-content p{
	padding: 1.5% 0 0 0;
	width: 100%;
	max-width: 350px;
	text-align: start;
}

/* Home last mile delivery section */

.home-lmd-main .home-lmd-container-inner{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}

.home-lmd-main .home-lmd-container-inner .home-lmd-img-inner{
	display: flex;
	justify-content: center;
}

.home-lmd-main .home-lmd-container-inner .home-lmd-img-inner img{
	width: 100%;
	max-width: 550px;
	height: auto;
	object-fit: cover;
}

.home-lmd-main .home-lmd-container-inner .home-lmd-img-text{
	display: flex;
	justify-content: center;
}

.home-lmd-main .home-lmd-container-inner .home-lmd-img-text h4{
	font-size: 30px;
	font-weight: normal;
	font-style: italic;
	padding-top: 10px;
	text-align: center;
}

.home-lmd-main .home-lmd-container-inner .home-lmd-stat{
	display: flex;
}

.home-lmd-main .home-lmd-container-inner .home-lmd-stat .home-lmd-stat-head h5{
	font-size: 24px;
	color: #5D5F6D;
	text-align: center;
}

.home-lmd-main .home-lmd-container-inner .home-lmd-stat .home-lmd-stat-inner{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	padding: 30px 0;
}

.home-lmd-main .home-lmd-container-inner .home-lmd-stat .home-lmd-stat-inner h6{
	font-size: 50px;
	text-align: center;
}

.home-lmd-main .home-lmd-container-inner .home-lmd-stat .home-lmd-stat-inner p{
	font-size: 20px;
	text-align: center;
}


/* Services Caraousel cards */

.home-service-heading{
	position: relative;
	text-align: center;
	padding: 0 0 2% 0;
	font-weight: 300;
	font-style: italic;
}

.home-service-heading span{
	font-weight: 600;
	font-style: normal;
}

.home-service-heading span span{
	color: #89C02F;
	font-style: normal;
}

.home-service{
	width: 100%;
	height: 100%;
}

.home-service .slide-content .swiper-wrapper .swiper-slide{
	text-align: start;
	font-size: 14px;
	font-weight: 200;
	letter-spacing: 1px;
	color: white;
	background: #fff;
	display: flex;
	justify-content: start;
	align-items: start;
}

.swiper-button-next{
	right: 0;
	color: #89C02F;
}
.swiper-button-prev{
	left: 0;
	color: #89C02F;
}
.home-service .slide-content{
	margin: 0 40px;
	overflow: hidden;
}

.home-service .slide-content .swiper-wrapper .swiper-slide .card img{
	height: auto;
	max-height: 500px;
	max-width: 100%;
	object-fit: cover;
	position: relative;
}

.home-service .slide-content .swiper-wrapper .swiper-slide .card .service-content{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 75px 20px 25px 20px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 1));
}

.home-service .slide-content .swiper-wrapper .swiper-slide .card .service-content h4{
	font-size: 22px;
	font-weight: 500;
	color: #ffffff;
}

.home-service .slide-content .swiper-wrapper .swiper-slide .card .service-content p{
	color: #89C02F;
}

.home-service-caraousel .buttonss{
	justify-content: center;
	padding: 20px 0 0 0;
}

.home-service-bg{
	position: absolute;
	background: linear-gradient(to left, rgba(126, 182, 147, 1), rgba(201, 255, 86, 01), rgba(231, 255, 192, 1));;
	height: 250px;
	width: 100vw;
	left: 0;
	margin-top: -225px;
	content: "";
	z-index: -2;
}

/* Home page Storage website section */

.sto-web-main .sto-web-container{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-gap: 20px;
	grid-template-areas: "sto-web-heading sto-web-img"
						 "sto-web-content sto-web-img";
}

.sto-web-main .sto-web-container .sto-web-heading{
	grid-area: sto-web-heading;
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: end;
}

.sto-web-main .sto-web-container .sto-web-heading .sto-web-heading-inner{
	width: 100%;
	max-width: 600px;
}

.sto-web-main .sto-web-container .sto-web-heading h2{
	font-weight: 300;
	font-style: italic;
	width: 100%;
	max-width: 400px;
}

.sto-web-main .sto-web-container .sto-web-heading h2 span{
	font-weight: 600;
	font-style: normal;
}

.sto-web-main .sto-web-container .sto-web-heading h2 span span{
	color: #89C02F;
	font-style: normal;
}

.sto-web-main .sto-web-container .sto-web-content{
	grid-area: sto-web-content;
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: start;
}

.sto-web-main .sto-web-container .sto-web-content .sto-web-content-inner{
	width: 100%;
	max-width: 600px;
}

.sto-web-main .sto-web-container .sto-web-content .sto-web-content-inner .buttons button{
	border: 1px solid #89C02F;
}

.sto-web-main .sto-web-container .sto-web-content .sto-web-content-inner .buttons button:hover{
	border: 1px solid #000;
}

.sto-web-main .sto-web-container .sto-web-img{
	grid-area: sto-web-img;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sto-web-main .sto-web-container .sto-web-img img{
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 500px;
}

/* home facts section */

.home-facts-container{
	background-color: #F5F5F5;
}

.home-facts{
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 0 4%;
}

.home-facts .facts-left-half{
	display: grid;
	align-items: center;
	justify-items: center;
}

.home-facts .facts-left-half img{
	height: auto;
	max-width: 100%;
	object-fit: cover;
}

.home-facts .facts-right-half{
	display: grid;
	grid-template-rows: 1fr 1fr 1fr;
}

.home-facts .facts-right-half .facts-right{
	display: grid;
	align-content: center;
	padding: 20px;
	width: 100%;
	max-width: 350px;
	text-align: start;
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.home-facts .facts-right-half .facts-right:nth-child(3){
	border-bottom: none;
}

.home-facts .facts-right-half .facts-right h2{
	font-size: 36px;
}

.home-facts .facts-right-half .facts-right p{
	text-align: start;
}

/* home client review section */

.unchecked,
.checked {
	color: orange;
}

.home-client-review-heading{
	position: relative;
	text-align: center;
	padding-bottom: 5%;
	font-weight: 300;
	font-style: italic;
}

.home-client-review-heading span{
	font-weight: 600;
	font-style: normal;
}

.home-client-review-heading span span{
	color: #89C02F;
	font-style: normal;
}

.home-client-review {
	width: 100%;
	height: 100%;
}

.home-client-review .slide-content-client-review .swiper-wrapper .swiper-slide{
	height: auto;
	text-align: start;
	font-weight: 400;
	color: black;
	background: #fff;
	background-color: #F1F4F8;
	border-radius: 40px;
	padding: 30px;
	align-content: stretch;
}

.home-client-review .slide-content-client-review .swiper-wrapper .swiper-slide .card{
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: space-between;
}

.swiper-button-next{
	right: 0;
}
.swiper-button-prev{
	left: 0;
}

.home-client-review .slide-content-client-review{
	margin: 0 40px;
	overflow: hidden;
}

.home-client-review .slide-content-client-review .swiper-wrapper .swiper-slide .card div p{
	padding: 0 0 40px 0;
}

.home-client-review .slide-content-client-review .swiper-wrapper .swiper-slide .card .client-content{
	display: grid;
	grid-template-columns: fit-content(500px) auto;
	grid-column-gap: 10px;
}

.home-client-review .slide-content-client-review .swiper-wrapper .swiper-slide .card .client-content img{
	height: auto;
	max-height: 80px;
	max-width: 100%;
	object-fit: cover;
	position: relative;
	border-radius: 50%;
}

.home-client-review .slide-content-client-review .swiper-wrapper .swiper-slide .card .client-content .client-na-ra{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Home Page Update section */

.home-update-main{
	background-color: #F5F5F5;
}

.home-update-main .container{
	padding: 2.5% 0 2.5% 4%;
}

.home-update-main .home-update-container{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	gap: 0 4%;
}

.home-update-main .home-update-container .home-update-left{
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}

.home-update-main .home-update-container .home-update-left-content{
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 600px;
}

.home-update-main .ms-hero-subheading{
	justify-content: start;
}

.home-update-main .home-update-left-content h2{
	font-weight: 300;
	font-style: italic;
	padding: 1% 0;
}

.home-update-main .home-update-left-content h2 span{
	font-weight: 600;
	font-style: normal;
}

.home-update-main .home-update-left-content h2 span span{
	color: #89C02F;
	font-style: normal;
}

.home-update-main .buttonss{
    grid-template-columns: max-content max-content;
}

.home-update-main .buttonss button:nth-child(1){
    background-color: #89C02F;
}

.home-update-main .buttonss button:nth-child(1):hover{
	background-color: #000;
	color: #fff;
}

.home-update-main .buttonss button:nth-child(2){
    background-color: #fff;
	color: #000;
}

.home-update-main .buttonss button:nth-child(2):hover{
	background-color: #89C02F;
	color: #000;
}

.home-update-main .home-update-container .home-update-right{
	width: 100%;
	height: 100%;
}

.home-update-main .home-update-container .home-update-right-content{
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: end;
	align-items: center;
}

.home-update-main .home-update-container .home-update-right-content video,
.home-update-main .home-update-container .home-update-right-content img{
	height: auto;
	max-height: 500px;
	max-width: 100%;
	object-fit: cover;
}

.home-update-main .home-update-container .home-update-right-content video{
	box-shadow: rgba(0, 0, 0, 0.25) 7px 4px 3px 0px;
	border-radius: 4px 0 0 4px;
}

.home-update-main .swiper {
	padding-bottom: 40px;
}

.home-update-main .swiper .swiper-slide{
	background-color: #f5f5f5;
}

.home-update-main .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
	bottom: 0;
}

.home-update-main .swiper-pagination-bullet-active{
	background: #89C02F;
}

.home-update-main .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
	transform: scale(1);
}


/* certification section  */

.home-certification-main .home-certification-container{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	gap: 0 5%;
	padding: 0 10px;
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
}

.home-certification-main .home-certification-container .home-certification-left{
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}

.home-certification-main .home-certification-container .home-certification-left-content{
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 600px;
}

.home-certification-main .home-certification-left-content h2{
	font-weight: 300;
	font-style: italic;
}

.home-certification-main .home-certification-left-content h2 span{
	font-weight: 600;
	font-style: normal;
}

.home-certification-main .home-certification-left-content h2 span span{
	color: #89C02F;
	font-style: normal;
}

.home-certification-main .home-certification-left-content p{
	padding: 2% 0 1% 0;
}

.home-certification-main .buttonss{
    grid-template-columns: max-content max-content;
}

.home-certification-main .buttonss button:nth-child(2){
    background-color: #fff;
	color: #000;
	border: 1px solid #000;
}

.home-certification-main .buttonss button:nth-child(2):hover{
	background-color: #89C02F;
	color: #000;
	border: 1px solid #89C02F;
}

.home-certification-main .home-certification-container .home-certification-right{
	width: 100%;
	height: 100%;
}

.home-certification-main .home-certification-container .home-certification-right-content{
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: center;
	align-items: center;
}

.home-certification-main .home-certification-container .home-certification-right-content img{
	height: auto;
	max-height: 500px;
	max-width: 100%;
	object-fit: cover;
}


/* 
---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------
------------------------------------------ About Us Page ------------------------------------------
---------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------- */

/* about us page hero section */

.a-hero-main .container{
	display: flex;
	justify-content: center;
}

.a-hero-main .a-hero-container{
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 10px;
	justify-items: center;
	max-width: 1280px;
}

.a-hero-main .a-hero-container .a-hero-left{
	height: 670px;
	width: 100%;
	display: flex;
	justify-content: end;
}

.a-hero-main .a-hero-left-container{
	display: flex;
	position: relative;
	height: 100%;
	width: 100%;
	padding: 40px 60px;
	background-color: #f7f8f9;
	flex-direction: column;
	justify-content: space-between;
}

.a-hero-main .a-hero-left-container .a-hero-content{
	position: relative;
	width: 100%;
	height: 100%;
}

.a-hero-main .a-hero-left-container .a-hero-content div{
	height: auto;
	max-height: 100%;
	width: 100%;
	max-width: 100%;
	display: flex;
	position: absolute;
	background-color: #f7f8f9;
}

.a-hero-main .a-hero-left-container .a-hero-nav .a-hero-btn{
	display: flex;
	gap: 10px;
	padding-top: 10px;
}

.a-hero-main .a-hero-left-container .a-hero-nav .a-hero-btn i{
	padding: 20px;
	background-color: #fff;
	cursor: pointer;
}

.a-hero-main .a-hero-right{
	width: 100%;
	height: 670px;
}

.a-hero-main .a-hero-right-container{
	position: relative;
	width: 100%;
	height: 100%;
}

.a-hero-main .a-hero-right-container .a-hero-img{
	position: relative;
	display: flex;
	justify-content: center;
	width: auto;
	height: 100%;
}
  
.a-hero-main .a-hero-right-container img{
	height: auto;
	max-height: 100%;
	width: auto;
	max-width: 100%;
	object-fit: cover;
	position: absolute;
}

.a-hero-main .a-hero-right-container .a-hero-last-btn{
	display: flex;
	align-items: center;
	gap: 10px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #fff;
	padding: 15px 25px;
	z-index: 50;
	cursor: pointer;
}

.a-hero-main .a-hero-right-container .a-hero-last-btn h5{
	font-weight: normal;
}

/* In future we need to live this */

/* .a-hero-main .a-hero-right-container video {
    height: auto;
    max-height: 100%;
    width: auto;
    max-width: 100%;
    object-fit: cover;
    position: absolute;
    display: none;
} */


  
  
  

/* About us - about us section */

.a-about-main .a-about-bg img{
    width: 100%;
    height: 100%;
    max-height: 300px;
    object-fit: cover;
}

.a-about-main .a-about-container{
    position: relative;
    margin-top: -150px;
}

.a-about-main .a-about-content{
    background-color: #fff;
    padding: 5% 5% 0 5%;
}

.a-about-main .a-about-content p img{
    float: right !important;
    padding: 0 0 40px 80px;
    width: 50%;
    height: auto;
}

.a-about-main .a-about-content .a-about-m-img{
    display: none;
    width: 100%;
}

.a-about-main .a-about-content .a-about-m-img .a-about-m-img-container{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 5% 0;
}

.a-about-main .a-about-content .a-about-m-img .a-about-m-img-container img{
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 400px;
}

.a-about-main .a-about-content .a-about-h2{
    width: 50%;
}

.a-about-main .a-about-content h2{
    font-weight: 300;
    padding-bottom: 20px;
    width: auto;
    max-width: 400px;
    line-height: 1.5;
    font-style: italic;
}

.a-about-main .a-about-content h2 span{
    font-weight: 600;
    font-style: normal;
}

.a-about-main .a-about-content h2 span span{
    color: #89C02F;
    font-style: normal;
}

.a-about-main .a-about-content .video-container{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 50px;
}

.a-about-main .a-about-content .video-container video{
    width: auto;
    max-width: 100%;
    height: 100%;
    max-height: 700px;
    -webkit-playsinline: true; /* Safari-specific property */
}

.a-about-main .a-about-content .video-container video source{
    width: auto;
    max-width: 100%;
    height: 100%;
    max-height: 700px;
}


/* about us - mission vision section */

.a-mission-vision-main h2{
	text-align: center;
	color: #BDBDBD;
	font-weight: bold;
	font-size: 50px;
	margin-bottom: 20px;
}

.a-mission-vision-container{
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: auto;
	grid-column-gap: 3%;
	justify-content: center;
}

.a-mission-vision-content{
	display: grid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    grid-template-columns: fit-content(10px) auto;
    grid-template-rows: auto;
    max-width: 500px;
    grid-column-gap: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.a-heading,
.a-mission-vision-text{
	align-content: center;
}

.a-mission-vision-content h3{
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	font-size: 30px;
	color: #CBF36E;
	text-align: center;
	min-width: 30px;
}

/* About us - values section */


.values-main .values-container{
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 1280px;
	align-items: center;
	margin: auto;
}

.values-main .values-container .values-content{
	width: 100%;
}

.values-main .values-container .values-content:nth-child(1){
	display: flex;
	flex-direction: column;
	align-items: center;
}

.values-main .values-heading h2{
	font-weight: 300;
	padding-bottom: 20px;
	font-style: italic;
	max-width: 550px;
	text-align: center;
	padding-bottom: 20px;
}

.values-main .values-heading h2 span{
	font-weight: 600;
	font-style: normal;
}

.values-main .values-heading h2 span span{
	color: #89C02F;
	font-style: normal;
}

.values-main .values-point .tab{
	width: auto;
	max-width: 100%;
	display: flex;
	display: -webkit-flex;
	gap: 20px;
	overflow-x: auto;
}

.values-main .values-point .tab button{
	background-color: transparent;
	border: none;
	font-size: 18px;
	color: #B1B4C0;
	padding: 10px;
	transition: 0.2s linear;
	-webkit-transition: 0.2s linear;
}

.values-main .values-point .tab button.active{
	color: #000;
	font-size: 26px;
	font-weight: bold;
	transition: 0.2s linear;
	-webkit-transition: 0.2s linear;
}

.values-main .values-point .values-progress{
	height: 50px;
	width: 80%;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.values-main .values-point .values-progress::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
	z-index: -1;
    border-top: 2px dashed #B1B4C0;
    transform: translateY(-50%);
}

.values-main .values-point .values-progress .values-square{
	background-color: #B1B4C0;
	height: 15px;
	width: 15px;
}

.values-main .values-point .values-progress .values-circle{
	background-color: #000;
	height: 15px;
	width: 15px;
	border-radius: 50%;
	overflow: hidden;
}

.values-main .values-img{
	display: flex;
	justify-content: center;
	width: auto !important;
	padding-bottom: 20px;
}

.values-main .values-img .values-img-inner{
	width: 100%;
	display: flex;
	justify-content: center;
}

.values-main .values-img .values-img-inner img{
    height: 250px;
    max-width: 100%;
    object-fit: cover;
}

.values-main .values-text{
	max-width: 700px;
}

.values-main .values-text .values-text-inner{
	padding: 40px 30px;
    box-shadow: rgba(149, 157, 165, 0.6) 0px 5px 10px;
	border-radius: 10px;
}

.values-main .values-text ul{
	padding-left: 20px;
}

.values-main .values-text ul p span{
	color: #89C02F;
}


/* About us team section */

.a-team-main{
	background: linear-gradient(to bottom, #7EB693, #E7FFC0);
}

.a-team-main .container{
	padding: 4%;
}

.a-team-main .container .a-team-heading{
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 20px;
	background-color: #000;
	color: #fff;
}

.a-team-main .container .a-team-heading h2{
	font-size: 24px;
	font-weight: normal;
}

.a-team-main .a-team-card-det .a-team-card-content-det{
	height: 100%;
}

.a-team-main .a-team-card-det .a-team-card-text{
	display: flex;
	color: #fff;
	height: 100%;
	width: 80%;
}

.a-team-main .a-team-card-det .a-team-card-text h3{
	font-size: 30px;
}

.a-team-main .a-team-card-container1{
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
	grid-gap: 30px;
	overflow: hidden;
	padding: 40px 0;
}

.a-team-main .a-team-card-container1:nth-child(2){
	margin-left: 30px;
}

.a-team-main .a-team-card-container{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 30px;
	overflow: hidden;
}

.a-team-main .a-team-card .a-team-card-content{
	border: 2px solid black;
	background-color: #000;
	border-radius: 20px;
	height: 100%;
}

.a-team-main img{
	height: auto;
	max-width: 100%;
	object-fit: cover;
	border-radius: 20px 20px 0 0;
}

.a-team-main .a-team-card .a-team-card-text{
	padding: 20px 20px;
}

.a-team-main .a-team-card .a-team-card-text h5{
	color: #fff;
	font-size: 20px;
	padding-bottom: 5px;
}

.a-team-main .a-team-card .a-team-card-text p{
	text-align: start;
	color: #9D9FA1;
}



/* 
---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------
------------------------------------------ Services Page ------------------------------------------
---------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------- */

/* service hero section */

.s-hero-main{
	width: 100%;
	height: 100vh;
	overflow: hidden;
	margin-top: -80px;
	position: relative;
	background-image: url(../image/service-hero.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

/* .s-hero-main::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(237,231,225,0.5);
    z-index: 1;
}

.s-hero-main > * {
    position: relative;
    z-index: 2;
} */

.s-hero-content-main{
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: max-content auto;
	gap: 20px;
	width: 100%;
	margin-top: 100px;
}

.s-hero-content,
.s-hero-h1-content{
	padding: 20px 0;
}

.s-hero-h1-content h2{
	padding: 0;
}

.s-hero-content{
	position: absolute;
	width: max-content;
    overflow: hidden;
}

.s-hero-content h2 {
    opacity: 0;
	/* background: linear-gradient(to right, #89C02F, #066D36);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent; */
	color: #066D36;
    transform: translateY(100%);
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}

.s-hero-content h2.slide-up {
    opacity: 1;
    transform: translateY(0);
}

.s-hero-content h2.slide-from-bottom {
    opacity: 1;
    transform: translateY(0);
}

.s-hero-content h2.slide-out {
    opacity: 0;
    transform: translateY(-100%);
}

/* Service page details section */

.s-details-main{
	padding-bottom: 40px;
}

.s-details-main .container{
	margin: auto;
	padding: 0;
	background-color: #F4F4F4;
	border-radius: 0 0 200px 200px;
}

.s-details-main .s-details-container{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 40px 4%;
}

.s-details-main .s-details-content{
	display: flex;
	flex-direction: column;
	text-align: center;
	width: auto;
}

.s-details-main .s-details-content h1{
	font-weight: 300;
	padding-bottom: 20px;
	font-style: italic;
	font-size: 36px;
	font-weight: 600;
	line-height: 1.2;
}

.s-details-main .s-details-content h1 span{
	font-weight: 600;
	font-style: normal;
}

.s-details-main .s-details-content h1 span span{
	color: #89C02F;
	font-style: normal;
}

.s-details-main .s-details-content p{
	width: 100%;
	max-width: 650px;
	align-self: center;
	text-align: center;
}

.s-details-main .swiper {
	width: 100%;
	height: 100%;
}

.s-details-main .swiper-slide {
	background-position: center;
	background-size: cover;
}

.s-details-main .swiper-slide .s-details-image{
	display: flex;
	align-items: center;
	justify-content: center;
}

.s-details-main .swiper-slide img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 600px;
	background-color: #f4f4f4;
}



.s-details-main .buttonss button{
    background-color: #89C02F;
}

.s-details-main .buttonss button:hover{
	background-color: #000;
    color: #fff;
}

/* Service page accordian image change section */

.s-accordion-heading{
	padding-left: 20px;
}

.s-accordion-heading div{
	width: 100%;
	max-width: 600px;
}

.s-accordion-main .s-accordion-heading .ms-hero-subheading{
	justify-content: start;
	padding-bottom: 20px;
}

.s-accordion-main .s-accordion-heading h2{
	font-weight: 300;
	padding-bottom: 20px;
	font-style: italic;
}

.s-accordion-main .s-accordion-heading h2 span{
	font-weight: 600;
	font-style: normal;
}

.s-accordion-main .s-accordion-heading h2 span span{
	color: #89C02F;
	font-style: normal;
}

@media (min-width: 768px) {
	.s-accordion-main .row_flex {
	  	display: flex;
	  	gap: 15px;
	}

	.s-accordion-main .row_flex .row_inner {
		width: 50%;
  	}

  	.s-accordion-main .accordion_content .accordion_image {
		display: none;
	}
}

@media (max-width: 767px) {
	.s-accordion-main .row_inner2 {
	  	display: none;
	}

	.s-accordion-main .accordion_content .accordion_image {
		display: block;
		margin: 20px 0;
  	}

	.s-accordion-main .accordion_content a p{
		font-size: 16px;
	}
}

.s-accordion-main .row_flex .row_inner img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 600px;
	object-fit: cover;
}
  
.s-accordion-main .accordion_images {
	position: relative;
	display: flex;
	justify-content: center;
	padding: 0 20px;
	align-items: center;
}
.s-accordion-main .accordion_images img {
	opacity: 0;
	transition: 0.3s;
	border-radius: 20px;
}
.s-accordion-main .accordion_images img:not(:first-child) {
	position: absolute;
}
.s-accordion-main .accordion_images img.active {
	opacity: 1;
}
.s-accordion-main .accordion {
	width: 100%;
	overflow: hidden;
	padding: 0 20px;
}
.s-accordion-main .accordion_intro {
	position: relative;
	padding: 10px 0;
	cursor: pointer;
}
.s-accordion-main .accordion_content{
	color: #000;
	max-height: 0;
	overflow: hidden;
	will-change: max-height;
	transition: all 0.25s ease-out;
	opacity: 0;
}

.s-accordion-main .accordion_content p:first-child{
	padding-bottom: 10px;
}

.s-accordion-main .accordion_content a{
	text-decoration: none;
	color: #066D36;
}

.s-accordion-main .accordion_content a:hover{
	color: #89C02F;
}

.s-accordion-main .accordion_content a p{
	display: inline;
	padding-bottom: 0px !important;
}

.s-accordion-main .accordion h4{
	font-size: 32px;
	font-weight: 500;
	color: #929C9A;
}

.s-accordion-main .accordion h4:hover{
	color: #000;
	transition: linear 0.5s;
}

.s-accordion-main .accordion_active .accordion_content {
	padding: 10px 0;
	opacity: 1;
}

.s-accordion-main .accordion_active .accordion_intro h4{
	color: #000;
}

.s-accordion-main .accordion_active .accordion_intro{
	border-bottom: 3px solid;
    border-image: linear-gradient(to right, #000 50%, #D9DEDD 50%);
    border-image-slice: 1;
}

/* Service page accordian reverse section image change section */

.s-accordion-main1{
	background-color: #F4F4F4;
}

.s-accordion-heading1{
    padding-left: 20px;
}

.s-accordion-heading1 div{
    width: 100%;
    max-width: 600px;
}

.s-accordion-main1 .s-accordion-heading1 .ms-hero-subheading{
    justify-content: start;
    padding-bottom: 20px;
}

.s-accordion-main1 .s-accordion-heading1 h2{
    font-weight: 300;
    padding-bottom: 20px;
    font-style: italic;
}

.s-accordion-main1 .s-accordion-heading1 h2 span{
    font-weight: 600;
	font-style: normal;
}

.s-accordion-main1 .s-accordion-heading1 h2 span span{
    color: #89C02F;
	font-style: normal;
}

@media (min-width: 768px) {
    .s-accordion-main1 .row_flex1 {
        display: flex;
        gap: 15px;
    }

    .s-accordion-main1 .row_flex1 .row_inner1 {
        width: 50%;
    }

    .s-accordion-main1 .accordion_content1 .accordion_image1 {
        display: none;
    }
}

@media (max-width: 767px) {
    .s-accordion-main1 .row_inner21 {
        display: none;
    }

    .s-accordion-main1 .accordion_content1 .accordion_image1 {
        display: block;
        margin: 20px 0;
    }

	.s-accordion-main1 .accordion_content1 a p{
		font-size: 16px;
	}
}

.s-accordion-main1 .row_flex1 .row_inner1 img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: cover;
}
  
.s-accordion-main1 .accordion_images1 {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 0 20px;
    align-items: center;
}
.s-accordion-main1 .accordion_images1 img {
    opacity: 0;
    transition: 0.3s;
    border-radius: 20px;
}
.s-accordion-main1 .accordion_images1 img:not(:first-child) {
    position: absolute;
}
.s-accordion-main1 .accordion_images1 img.active {
    opacity: 1;
}
.s-accordion-main1 .accordion1 {
    width: 100%;
    overflow: hidden;
    padding: 0 20px;
}
.s-accordion-main1 .accordion_intro1 {
    position: relative;
    padding: 10px 0;
    cursor: pointer;
}
.s-accordion-main1 .accordion_content1{
    color: #000;
    max-height: 0;
    overflow: hidden;
    will-change: max-height;
    transition: all 0.25s ease-out;
    opacity: 0;
}

.s-accordion-main1 .accordion_content1 p:first-child{
    padding-bottom: 10px;
}

.s-accordion-main1 .accordion_content1 a{
    text-decoration: none;
    color: #066D36;
}

.s-accordion-main1 .accordion_content1 a:hover{
    color: #89C02F;
}

.s-accordion-main1 .accordion_content1 a p{
    display: inline;
    padding-bottom: 0px !important;
}

.s-accordion-main1 .accordion1 h4{
    font-size: 32px;
    font-weight: 500;
    color: #929C9A;
}

.s-accordion-main1 .accordion1 h4:hover{
    color: #000;
    transition: linear 0.5s;
}

.s-accordion-main1 .accordion_active .accordion_content1 {
    padding: 10px 0;
    opacity: 1;
}

.s-accordion-main1 .accordion_active .accordion_intro1 h4{
    color: #000;
}

.s-accordion-main1 .accordion_active .accordion_intro1{
	border-bottom: 3px solid;
    border-image: linear-gradient(to right, #000 50%, #D9DEDD 50%);
    border-image-slice: 1;
}

/* Service page our process section */

.s-process-main{
	background-color: #F4F4F4;
}

.s-process-main .s-process-container{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: fit-content(10px) auto;
	grid-gap: 20px;
	grid-template-areas: "s-process-top s-process-top"
						 "s-process-left s-process-right";
}

.s-process-main .s-process-top{
	grid-area: s-process-top;
}

.s-process-main .s-process-top .s-process-heading{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.s-process-main .s-process-top .s-process-heading h2{
	text-align: center;
	font-weight: 300;
	font-style: italic;
}

.s-process-main .s-process-top .s-process-heading h2 span{
	font-weight: 600;
	font-style: normal;
}

.s-process-main .s-process-top .s-process-heading h2 span span{
	color: #89C02F;
	font-style: normal;
}

.s-process-main .s-process-left{
	grid-area: s-process-left;
	display: flex;
	align-items: center;
	justify-content: center;
}

.s-process-main .s-process-left .s-process-left-image{
	padding: 20px;
}

.s-process-main .s-process-left img{
	width: auto;
	max-width: 100%;
	height: 100%;
	max-height: 500px;
	object-fit: cover;
}

.s-process-main .s-process-right{
	grid-area: s-process-right;
	display: flex;
	align-items: center;
}

.s-process-main .s-process-right .s-process-content{
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 10px;
}

.s-process-main .s-process-right .s-process-work{
	padding: 10px;
	display: flex;
	gap: 20px;
}

.s-process-main .s-process-right .s-process-work .s-process-icon{
	display: flex;
	justify-content: center;
	align-items: start;
}

.s-process-main .s-process-right .s-process-icon img{
	height: 100%;
	max-height: 50px;
	width: auto;
	max-width: 50px;
}

.s-process-main .s-process-right .s-process-text h4{
	font-size: 24px;
	font-weight: 600;
}

/* service page stats section */

.s-stats-container{
	display: grid;
    grid-template-columns: 2fr 1fr;
	gap: 30px;
}

.s-stats-main .s-stats-left{
	display: flex;
	align-items: center;
	justify-content: center;
}

.s-stats-main .s-stats-left img{
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 500px;
}

.s-stats-main .s-stats-right{
	display: flex;
	align-items: center;
}

.s-stats-main .s-stats-right .s-stats-right-content{
	width: 100%;
    max-width: 300px;
}

.s-stats-main .s-stats-right .s-stats-right-content h2{
	font-weight: 300;
	padding-bottom: 20px;
	font-style: italic;
}

.s-stats-main .s-stats-right .s-stats-right-content h2 span{
	font-weight: 600;
	font-style: normal;
}

.s-stats-main .s-stats-right .s-stats-right-content h2 span span{
	color: #89C02F;
	font-style: normal;
}

.s-stats-main .buttonss button{
	background-color: #89C02F;
	color: #000;
}

.s-stats-main .buttonss button:hover{
	background-color: #000;
	color: #fff;
}

/* map accordion section */

.map-acc-container{
	display: grid;
	grid-template-columns: 1fr 3fr 1.5fr;
	grid-template-rows: auto;
	height: 550px;
	gap: 20px;
}

.map-acc-container .map-acc-loc{
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding: 10px 10px 0 10px;
}

.map-acc-container .map-acc-loc h5{
	font-size: 22px;
	padding: 15px 0;
}

.map-acc-main .tab {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
  
.map-acc-main .tab button {
	background-color: #fff;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 5px 15px;
	font-size: 18px;
	color: #929C9A;
	font-weight: bold;
	text-align: start;
	transition: all 0.2s linear;
}
  
.map-acc-main .tab button:hover {
	background-color: #fff;
	border-left: 5px solid #000;
	color: #000;
}
  
.map-acc-main .tab button.active {
	background-color: #fff;
	color: #000;
	border-left: 5px solid #000;
}

.map-acc-container .map-acc-img{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: start;
	padding: 10px;
}

.map-acc-main .map-acc-img .ms-hero-subheading{
	width: 100%;
	padding: 15px 0;
	border-bottom: 3px solid black;
	background-color: #F0F1F5;
	gap: 10px;
}

.map-acc-main .map-acc-img .ms-hero-subheading h5{
	text-align: center;
	font-weight: 300;
	font-style: italic;
	font-size: 22px;
}

.map-acc-main .map-acc-img .ms-hero-subheading h5 span{
	font-weight: 600;
	font-style: normal;
}

.map-acc-main .map-acc-img .ms-hero-subheading h5 span span{
	color: #89C02F;
	font-style: normal;
}

.map-acc-container .map-acc-img .map-tab-frame{
	width: 100%;
	position: relative;
	height: 100%;
}

.map-acc-container .map-acc-img .map-tab-frame iframe{
	width: 100%;
	height: 500px;
}

div.i4ewOd-pzNkMb-haAclf{
	display: none !important;
}

.map-acc-container .map-acc-img img{
	width: 100%;
	height: auto;
	object-fit: cover;
}

.map-acc-main .map-acc-sub{
	display: flex;
	flex-direction: column;
	justify-content: start;
}
  
.map-acc-main .tabcontent{
	background: #fff;
	display: none;
	gap: 30px;
}

.map-acc-main .tabcontent-sub{
	padding: 10px;
}

.map-acc-main .tabcontent-sub .ms-hero-subheading{
	padding: 15px 10px;
	border-bottom: 3px solid black;
	background-color: #F0F1F5;
	gap: 10px;
}

.map-acc-main .tabcontent-sub .ms-hero-subheading .outer{
    border-radius: 50%;
    background-color: #000;
}

.map-acc-main .tabcontent-sub .ms-hero-subheading .inner{
    height: 6px;
    width: 6px;
    background-color: #7EB693;
}

.map-acc-main .tabcontent-sub .ms-hero-subheading h5{
	font-size: 22px;
}

.map-acc-main .tabcontent-sub .tabcontent-sub-h6{
	height: 450px;
	overflow-y: auto;
}

.map-acc-main .tabcontent-sub h6{
	margin: 10px 30px;
	padding: 15px 15px;
	font-size: 16px;
	font-weight: normal;
	border: 1px solid #E5E7EB;
	border-radius: 10px;
	box-shadow: rgba(149, 157, 165, 0.3) 0px 0px 5px;
}

.popup-content::-webkit-scrollbar,
.tabcontent-sub-h6::-webkit-scrollbar {
	width: 5px;
}

.popup-content::-webkit-scrollbar-track, 
.tabcontent-sub-h6::-webkit-scrollbar-track {
	background-color: transparent;
}

.popup-content::-webkit-scrollbar-thumb,
.tabcontent-sub-h6::-webkit-scrollbar-thumb {
	background-color: #d6dee1;
	border-radius: 20px;
	background-clip: content-box;
}

.popup-content::-webkit-scrollbar-thumb:hover,
.tabcontent-sub-h6::-webkit-scrollbar-thumb:hover {
	background-color: #a8bbbf;
}




/* 
---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------
------------------------------------- Metro & Short Haul Page -------------------------------------
---------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------- */



/* Metro & Short Haul Hero Section */

.ms-hero-main .container{
	margin: auto auto 10px auto;
	padding: 0;
	width: 100vw;
	height: 70vh;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.ms-hero-main .container .ms-hero-container{
	overflow: hidden;
}

/* .ms-hero-main .container:after{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 80px;
	content: "";
	z-index: 2;
	left: 0;
	background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
} */

.ms-hero-main .container .ms-hero-bg-image,
.ms-hero-main .container .ms-hero-content{
	position: absolute;
	height: 70vh;
	width: 100vw;
	max-width: 1920px;
}

.ms-hero-main .container .ms-hero-bg-image{
	height: 69.97vh;
}

.ms-hero-main .container .ms-hero-bg-image img{
	position: absolute;
}

.ms-hero-main .container .ms-hero-bg-image img:nth-child(1){
	top: 15vh;
	left: 0;
	width: auto;
	max-width: 15vw;
	height: auto;
	max-height: 30vh;
}

.ms-hero-main .container .ms-hero-bg-image img:nth-child(2){
	right: 0;
	top: 5vh;
	width: auto;
	max-width: 15vw;
	height: auto;
	max-height: 30vh;
}

.ms-hero-main .container .ms-hero-bg-image img:nth-child(3){
	bottom: 0;
	left: 8vw;
	width: auto;
	max-width: 25vw;
	height: auto;
	max-height: 15vh;
}

.ms-hero-main .container .ms-hero-bg-image img:nth-child(4){
	bottom: 0;
	right: 8vw;
	width: auto;
	max-width: 15vw;
	height: auto;
	max-height: 23vh;
}
.ms-hero-main .ms-hero-content{
	display: flex;
	justify-content: center;
	align-items: center;
}

.ms-hero-main .ms-hero-content .ms-hero-content-inner{
	display: flex;
	flex-direction: column;
	width: 65vw;
	max-width: 1000px;
}

.lmd-hero-main{
	width: 100%;
	height: auto;
	background-image: url(../image/last-mile-delivery-hero-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.lmd-hero-main .lmd-hero-container{
	display: flex;
	flex-direction: column;
	width: 65vw;
	max-width: 1000px;
	justify-self: center;
}

.lmd-hero-main .lmd-hero-content{
	padding-bottom: 200px;
}

.ms-hero-main .ms-hero-content .ms-hero-content-inner .ms-hero-heading,
.lmd-hero-main .lmd-hero-container .lmd-hero-heading,
.ms-hero-main .ms-hero-content .ms-hero-content-inner .buttons{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.ms-hero-main .ms-hero-content .ms-hero-content-inner .buttons button{
	border: none;
}

.ms-hero-main .ms-hero-content .ms-hero-content-inner div h1,
.lmd-hero-main .lmd-hero-container div h1{
	font-size: 60px;
	font-weight: normal;
	text-align: center;
	line-height: 1.2;
}

.lmd-hero-main .lmd-hero-container div h1 span{
	font-weight: bold;
}

.ms-hero-main .ms-hero-content .ms-hero-content-inner div p,
.lmd-hero-main .lmd-hero-container div p{
	text-align: center;
	padding: 20px 0;
}

.lmd-hero-img{
	margin-top: -250px;
}

.lmd-hero-img .lmd-img-inner{
	display: flex;
	align-items: center;
	justify-content: center;
}

/* .lmd-hero-img img{
	width: 100%;
	height: auto;
	max-width: 1150px;
	margin: auto;
	object-fit: cover;
} */

.lmd-hero-img video{
	width: 100%;
	height: auto;
	max-width: 1150px;
	border-radius: 20px;
	box-shadow: rgba(149, 157, 165, 1) 0px 3px 5px 1px;
	-webkit-playsinline: true;
}

/* Metro & Short Haul Service points section */

.ms-sp-main .container{
	margin: auto;
	padding: 20px 0;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.ms-sp-main .ms-sp-container{
	display: flex;
	gap: 40px;
	width: 70%;
	border-radius: 0 20px 20px 0;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 5vw;
	box-shadow: rgba(149, 157, 165, 0.3) 0px 0px 20px;
}

.ms-sp-main .ms-sp-container .ms-sp-content{
	display: flex;
	gap: 20px;
	flex: 1;
}

.ms-sp-main .ms-sp-container .ms-sp-content .ms-sp-icon,
.ms-sp-main .ms-sp-container .ms-sp-content .ms-sp-text{
	display: flex;
	justify-content: center;
	align-items: center;
}

.ms-sp-main .ms-sp-container .ms-sp-content .ms-sp-icon img{
	height: auto;
	max-height: 50px;
	width: auto;
	max-width: 50px;
}

.ms-sp-main .ms-sp-container .ms-sp-content .ms-sp-text p{
	text-align: start;
}

/* Retail & Regional Service details section */

.rr-det-main{
	background-color: #F5F5F5;
}

.rr-det-main .container{
	margin: 0 auto;
}

.rr-det-container{
	padding: 20px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: fit-content(10px) 1fr;
	grid-gap: 20px;
	grid-template-areas: 
		"rr-det-heading rr-det-img"
		"rr-det-content rr-det-img";
}

.rr-det-container .rr-det-heading{
	grid-area: rr-det-heading;
}

.rr-det-container .rr-det-heading h2{
	font-weight: 300;
	font-style: italic;
}

.rr-det-container .rr-det-heading h2 span{
	font-weight: 600;
	font-style: normal;
}

.rr-det-container .rr-det-heading h2 span span{
	color: #89C02F;
	font-style: normal;
}

.rr-det-container .rr-det-content{
	grid-area: rr-det-content;
	display: flex;
	flex-direction: column;
}

.rr-det-main .rr-det-content button{
	background-color: #89C02F;
	color: #000;
}

.rr-det-main .rr-det-content button:hover{
	background-color: #000;
	color: #fff;
}

.rr-det-container .rr-det-img{
	grid-area: rr-det-img;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rr-det-container .rr-det-img img{
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 250px;
}

/* Internal Service details section */

.is-det-main{
	background-color: #F5F5F5;
}

.is-det-main .container{
	margin: 0 auto;
}

.is-det-container{
	padding: 20px 0 20px 20px;
}

.is-det-container .is-det-content{
	width: 100%;
	max-width: 1000px;
}

.is-det-container .is-det-content h2{
	font-weight: 300;
	padding-bottom: 30px;
	font-style: italic;
}

.is-det-container .is-det-content h2 span{
	font-weight: 600;
	font-style: normal;
}

.is-det-container .is-det-content h2 span span{
	color: #89C02F;
	font-style: normal;
}

.is-det-main .is-det-content button{
	background-color: #89C02F;
	color: #000;
}

.is-det-main .is-det-content button:hover{
	background-color: #000;
	color: #fff;
}

/* Home Delivery Services carton delivery section */

.hdcd-main{
	background-color: #F5F5F5;
}

.hdcd-main .hdcd-content-inner{
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-template-rows: fit-content(10px) 1fr;
	gap: 0 40px;
	grid-template-areas: "hdcd-content-img hdcd-content-text"
						 "hdcd-content-img hdcd-content-btn";
}

.hdcd-main .hdcd-content-img{
	grid-area: hdcd-content-img;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hdcd-main .hdcd-content-img img{
	height: auto;
    max-height: 400px;
    max-width: 100%;
    object-fit: cover;
}

.hdcd-main .hdcd-content-text{
	grid-area: hdcd-content-text;
}

.hdcd-main .ms-hero-subheading{
	justify-content: start;
}

.hdcd-main .hdcd-content-text h2{
	padding: 5px 0 10px 0;
}

.hdcd-main .hdcd-content-btn{
	grid-area: hdcd-content-btn;
}

.hdcd-main .hdcd-content-btn .buttonss button{
	background-color: #89C02F;
	color: #000;
}

.hdcd-main .hdcd-content-btn .buttonss button:hover{
	background-color: #000;
	color: #fff;
}

.hdcd-main .hdcd-card-main{
	padding-top: 40px;
}

.hdcd-main .hdcd-card-container{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto auto;
    grid-gap: 30px;
    overflow: hidden;
    padding: 20px;
}

.hdcd-main .hdcd-card-container .hdcd-card{
	background-color: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	padding: 20px;
}

.hdcd-main .hdcd-card-container .hdcd-card .hdcd-card-top{
	display: grid;
    grid-template-columns: fit-content(10px) auto;
    grid-template-rows: auto;
	align-items: center;
	gap: 20px;
}

.hdcd-main .hdcd-card-container .hdcd-card .hdcd-card-top .hdcd-card-icon{
	display: flex;
    align-items: center;
    justify-items: center;
	height: auto;
	max-height: 50px;
	width: auto;
	max-width: 50px;
    padding: 10px;
    border-radius: 50%;
	background-color: rgba(137, 192, 47, 0.42);
}

.hdcd-main .hdcd-card-container .hdcd-card .hdcd-card-top .hdcd-card-icon img{
	height: auto;
    max-height: 30px;
    width: auto;
    max-width: 30px;
}

.hdcd-main .hdcd-card-container .hdcd-card .hdcd-card-bottom{
	padding-top: 20px;
}

/* Home Delivery Services Meal kit Delivery section */

.hdcd-main .hdmd-content-inner {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: fit-content(10px) 1fr;
    gap: 0 40px;
    grid-template-areas: "hdmd-content-text hdmd-content-img"
						 "hdmd-content-btn hdmd-content-img";
}

.hdcd-main .hdmd-content-img {
    grid-area: hdmd-content-img;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hdcd-main .hdmd-content-img img {
    height: auto;
    max-height: 400px;
    max-width: 100%;
    object-fit: cover;
}

.hdcd-main .hdmd-content-text {
    grid-area: hdmd-content-text;
}

.hdcd-main .ms-hero-subheading {
    justify-content: start;
}

.hdcd-main .hdmd-content-text h2 {
    padding: 5px 0 10px 0;
}

.hdcd-main .hdmd-content-btn {
    grid-area: hdmd-content-btn;
}

.hdcd-main .hdmd-content-btn .buttonss button {
    background-color: #89C02F;
    color: #000;
}

.hdcd-main .hdmd-content-btn .buttonss button:hover {
    background-color: #000;
    color: #fff;
}



/* Product carousel section */

.prd-main h2{
	padding: 0 0 20px 40px;
	font-weight: 300;
	font-style: italic;
}

.prd-main h2 span{
	font-weight: 600;
	font-style: normal;
}

.prd-main h2 span span{
	color: #89C02F;
	font-style: normal;
}

.prd-list {
	width: 100%;
	height: 100%;
}

.prd-list .slide-prd-list .swiper-wrapper .swiper-slide{
	height: auto;
	text-align: start;
	font-weight: 400;
	color: black;
	background: #fff;
	box-shadow: rgba(149, 157, 165, 0.3) 0px 0px 10px;
	margin: 20px 0;
	padding: 20px;
	align-content: stretch;
}

.prd-list .slide-prd-list .swiper-wrapper .swiper-slide .card{
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: space-between;
}

.swiper-button-next{
	right: 0;
}
.swiper-button-prev{
	left: 0;
}

.prd-list .slide-prd-list{
	margin: 0 40px;
	overflow: hidden;
	padding: 0 15px;
}

.prd-list .slide-prd-list .swiper-wrapper .swiper-slide .card div{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.prd-list .slide-prd-list .swiper-wrapper .swiper-slide .card div img{
	width: auto;
	height: 100%;
	max-height: 55px;
	object-fit: contain;
}

.prd-list .slide-prd-list .swiper-wrapper .swiper-slide .card div h5{
	font-size: 18px;
	font-weight: normal;
	text-align: center;
}



/* 
---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------
-------------------------------------- Last Mile Delivery Page ------------------------------------
---------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------- */



/* Last mile delivery details section */

.lmd-details-main .lmd-details-container{
	max-width: 700px;
	margin: auto;
}

.lmd-details-main .lmd-details-container p{
	padding-bottom: 20px;
}

.lmd-details-main .lmd-details-container h5{
	font-size: 24px;
	font-weight: 500;
}

.lmd-details-main .lmd-details-container ol li{
	padding-top: 20px;
}

.lmd-details-main .lmd-details-container ol,
.lmd-details-main .lmd-details-container ol ul{
	padding-left: 20px;
}

.lmd-details-main .lmd-details-container ol ul li::marker{
	color: #89C02F;
}

/* Last mile delivery state section */

.lmd-state-main .lmd-state-text h3{
	text-align: center;
	font-size: 40px;
	font-weight: normal;
	padding-bottom: 30px;
	max-width: 700px;
	margin: auto;
}

.lmd-state-main .lmd-state-details .lmd-state-details-container{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
	max-width: 1024px;
	margin: auto;
}

.lmd-state-main .lmd-state-details .lmd-state-details-container .lmd-state-details-inner{
	border-top: solid 2px #89C02F;
	/* padding-top: 15px; */
}

.lmd-state-main .lmd-state-details .lmd-state-details-container .lmd-state-details-inner h4{
	font-size: 24px;
	padding: 20px 0 10px 0;
}

/* last mile delivery benefits section */

.lmd-details-main .lmd-details-container img{
	max-width: 100%;
	height: auto;
	object-fit: cover;
	padding-bottom: 40px;
}

/* last mile delivery geographical coverage section */


.lmd-geo-main .lmd-geo-container h3{
	text-align: center;
    font-size: 40px;
    font-weight: normal;
    padding-bottom: 30px;
    max-width: 700px;
    margin: auto;
}

.lmd-geo-main .lmd-geo-container .lmd-geo-img{
	display: flex;
	align-items: center;
}

.lmd-geo-main .lmd-geo-container img{
	margin: auto;
	max-width: 100%;
    height: auto;
    object-fit: cover;
}




/* 
---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------
------------------------------- Warehousing & Storage Solution Page -------------------------------
---------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------- */



/* Warehousing & Storage Solution text odd */

.ws-text-main{
	background-color: #F5F5F5;
	border-radius: 0 0 0 100px;
}

.ws-text-main .ws-text-container{
	display: grid;
	grid-template-columns: 2fr 3fr;
	grid-template-rows: fit-content(10px) 1fr;
	grid-template-areas: "ws-text-img-half ws-text-heading-half"
						 "ws-text-img-half ws-text-content-half";
	gap: 0px 40px;
}

.ws-text-main .ws-text-img-half{
	grid-area: ws-text-img-half;
	width: 100%;
}

.ws-text-main .ws-text-img-half .ws-text-img-inner{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ws-text-main .ws-text-img-half img{
	height: auto;
    max-height: 500px;
	width: auto;
	max-width: 100%;
    object-fit: cover;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.ws-text-main .ws-text-heading-half{
	grid-area: ws-text-heading-half;
}

.ws-text-main .ws-text-heading-half .ms-hero-subheading{
	justify-content: start;
}

.ws-text-main .ws-text-heading-half .ms-hero-subheading h3{
	font-size: 16px;
}

.ws-text-main .ws-text-content-half{
	grid-area: ws-text-content-half;
	padding-top: 20px;
}

.ws-text-main .ws-text-content-half .ws-text-p ul{
	padding-left: 30px;
}

.ws-text-main .ws-text-content-half .buttons button{
	border: 1px solid #89C02F;
}

.ws-text-main .ws-text-content-half .buttons button:hover{
	border: 1px solid #000;
}

/* Warehousing & Storage Solution text even */

.ws-text-main:nth-child(odd){
	background-color: transparent;
}

.ws-text-main:nth-child(odd) .ws-text-container{
	display: grid;
	grid-template-columns: 3fr 2fr;
	grid-template-rows: fit-content(10px) 1fr;
	grid-template-areas: "ws-text-heading-half ws-text-img-half"
						 "ws-text-content-half ws-text-img-half";
	gap: 0px 40px;
}



/* 
---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------
----------------------------------------- Contact Us Page -----------------------------------------
---------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------- */


/* Contact Us Hero Section */

.contact-container{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	gap: 30px;
}

.contact-container .contact-hero-left{
	display: flex;
	/* align-items: center; */
	align-content: space-between;
	justify-content: center;
}

.contact-container .contact-hero-left .contact-hero-heading h1{
	font-size: 60px;
	font-weight: 400;
}

.contact-container .contact-hero-left .contact-hero-heading h3{
	font-size: 30px;
	font-weight: 400;
	padding-top: 5px;
}

.contact-container .contact-hero-right .con-hero-content-btn button,
.contact-container .contact-hero-left .con-hero-content-btn button{
	background-color: #000;
	color: #fff;
	margin-top: 15px;
}

.contact-container .contact-hero-right .con-hero-content-btn button:hover,
.contact-container .contact-hero-left .con-hero-content-btn button:hover{
	background-color: #89C02F;
	color: #000;
	border: 1px solid #89C02F;
}

.contact-container .contact-hero-left .contact-hero-left-inner{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.contact-container .contact-hero-left .con-hero-content-btn{
	display: flex !important;
	margin-top: 0 !important;
}


/* Contact Us image section */

.contact-img{
	display: grid;
	grid-template-columns: 3fr 2fr 2fr 3fr;
	gap: 15px;
	/* background-color: #000; */
	max-width: 1920px;
	margin: auto;
	padding: 30px 0;
}

.contact-img .img-inner img{
	width: 100%;
	height: auto;
}

.contact-img .img-inner1 img{
	border-radius: 0 15px 15px 0;
}

.contact-img .img-inner2 img,
.contact-img .img-inner3 img{
	border-radius: 15px;
}

.contact-img .img-inner4 img{
	border-radius: 15px 0 0 15px;
}


/* Contact Us form toggle section */

.form-toggle-buttons{
	display: flex !important;
	gap: 1px !important;
	justify-content: center;
	margin-bottom: 20px;
}

.form-toggle-buttons button{
	background-color: #89C02F !important;
    color: #000 !important;
	padding: 10px 20px !important;
}

.form-toggle-buttons button:hover{
	background-color: #000 !important;
	color: #fff !important;
}

.form-toggle-buttons button.active{
	background-color: #000 !important;	
	color: #fff !important;
}

.form-toggle-buttons button:nth-child(1){
	border-radius: 10px 0 0 10px !important;
}

.form-toggle-buttons button:nth-child(2){
	border-radius: 0 10px 10px 0 !important;
}




/* 
---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------
-------------------------------------- Contact Internal Page --------------------------------------
---------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------- */

/* contact us page hero section */

.con-hero-container{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: min-content 1fr;
	grid-gap: 0 40px;
	grid-template-areas: "con-hero-left-top con-hero-right"
						 "con-hero-left-bottom con-hero-right";
}

.con-hero-main .con-hero-left-top{
	grid-area: con-hero-left-top;
	padding: 40px 0 20px 0;
}

.con-hero-main .con-hero-left-top .con-hero-heading{
	width: 100%;
	max-width: 500px;

}

.con-hero-main .ms-hero-subheading{
	justify-content: start;
}

.con-hero-main .con-hero-left-top h1{
	font-size: 60px;
	font-weight: 300;
	line-height: 1;
	padding-top: 15px;
	font-style: italic;
}

.con-hero-main .con-hero-left-top h1 span{
	font-weight: 600;
	font-style: normal;
}

.con-hero-main .con-hero-left-top h1 span span{
	color: #89C02F;
	font-style: normal;
}

.con-hero-main .con-hero-left-bottom{
	grid-area: con-hero-left-bottom;
	padding: 20px 0 40px 0;
}

.con-hero-main .con-hero-left-bottom .con-hero-content{
	width: 100%;
	max-width: 600px;
}

.con-hero-main .con-hero-left-bottom .con-hero-content-btn{
	display: grid;
	grid-template-columns: fit-content(200px) fit-content(200px);
}

.con-hero-main .con-hero-left-bottom .con-hero-content-btn button:nth-child(1){
	background-color: #000;
	color: #fff;
}

.con-hero-main .con-hero-left-bottom .con-hero-content-btn button:nth-child(1):hover{
	background-color: #89C02F;
	color: #000;
	border: 1px solid #89C02F;
}

.con-hero-main .con-hero-left-bottom .con-hero-content-btn button:nth-child(2){
	background-color: transparent;
	color: #000;
}

.con-hero-main .con-hero-left-bottom .con-hero-content-btn button:nth-child(2):hover{
	background-color: #89C02F;
	color: #000;
	border: 1px solid #89C02F;
}

.con-hero-main .con-hero-right{
	grid-area: con-hero-right;
}

.con-hero-main .con-hero-right .con-hero-image{
	display: grid;
	width: 100%;
	height: 100%;
    align-items: center;
    justify-items: center;
}

.con-hero-main .con-hero-right .con-hero-image img{
	height: auto;
    max-height: 500px;
    max-width: 100%;
    object-fit: cover;
}

/* jotform section */

.contact-us-form{
	/*background-color: #ecedf3;*/
	margin: auto;
	max-width: 800px;
}

/* Google map section */

.c-map-main .c-map-heading h2{
    font-weight: 300;
    padding-bottom: 20px;
    font-style: italic;
}

.c-map-main .c-map-heading h2 span{
    font-weight: 600;
	font-style: normal;
}

.c-map-main .c-map-heading h2 span span{
    color: #89C02F;
	font-style: normal;
}

.c-map-main iframe {
    width: 100%;
    height: 450px;
	padding-top: 20px;
}

/* Contact Us page FAQ Section */

.faq-main{
	background-color: #f5f5f5;
	margin-bottom: -50px;
}

.faq-main h2{
	text-align: center;
}

.faq-main .faq-sub-heading{
	text-align: center;
	padding: 20px 0;
}

.faq-main .faq-container{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	column-gap: 40px;
}

.faq-main .accordion .accordion-item {
	padding: 20px 25px;
	margin: 15px 0;
	background-color: #fff;
	border-radius: 20px;
}
  
.faq-main .accordion button {
	position: relative;
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
	text-align: left;
	width: 100%;
	color: #000;
	font-size: 1.15rem;
	font-weight: 400;
	border: none;
	background: none;
	outline: none;
}
  
.faq-main .accordion button:hover,
  .accordion button:focus {
	cursor: pointer;
	color: #89C02F;
}
  
.faq-main .accordion button:hover::after,
.faq-main .accordion button:focus::after {
	cursor: pointer;
	color: #89C02F;
	border: 1px solid #89C02F;
}
  
.faq-main .accordion button .accordion-title {
	flex: 1;
}
  
.faq-main .accordion button .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	position: relative;
}
  
.faq-main .accordion button .icon::before, 
.faq-main .accordion button .icon::after {
	content: '';
	position: absolute;
	background: currentColor;
}
  
.faq-main .accordion button .icon::before {
	width: 10px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
  
.faq-main .accordion button .icon::after {
	width: 2px;
	height: 10px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
  
.faq-main .accordion button[aria-expanded='true'] {
	color: #89C02F;
}
.faq-main .accordion button[aria-expanded='true'] .icon::after {
	width: 0; /* Hide the vertical line for the minus icon */
}
.faq-main .accordion button[aria-expanded='true'] + .accordion-content {
	opacity: 1;
	max-height: 50em;
	transition: all 200ms linear;
	will-change: opacity, max-height;
}
.faq-main .accordion .accordion-content {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: opacity 200ms linear, max-height 200ms linear;
	will-change: opacity, max-height;
}
.faq-main .accordion .accordion-content p {
	font-size: 1rem;
	font-weight: 300;
	margin: 2em 0 0 0;
}

.faq-main .accordion .accordion-content ul{
	padding-left: 30px;
	margin: 2em 0 0 0;
}

.faq-main .accordion .accordion-content ul li{
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.5;
}

.faq-main .faq-contact{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 40px;
}

.faq-main .faq-contact img{
	height: 48px;
	width: 39px;
}

.faq-main .faq-contact h6{
	font-size: 20px;
}

.faq-main .faq-contact p{
	max-width: 700px;
	text-align: center;
	padding-top: 20px;
}

.faq-main .faq-contact p a{
	text-decoration: none;
	color: #000;
	font-weight: bold;
}


/* Popup form  */

.popup {
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.5);
}

.popup-content {
    position: relative;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #888;
    width: 90%;
    max-width: 600px;
    max-height: 70vh;
    overflow-y: auto;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.close-btnn {
    position: sticky;
    top: 0;
    margin-bottom: 10px;
    color: #000;
    float: right;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
}



/* 
---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------
--------------------------------------------- 404 Error -------------------------------------------
---------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------- 
*/


.error-main{
	background-color: #f5f5f5;
	background-image: url('../image/404-bg.webp');
	background-repeat: no-repeat;
  	background-size: contain;
}

.error-main .container{
	padding: 100px 4%;
}

.error-main .error-top{
	display: grid;
	grid-template-columns: 2fr 1fr;
	column-gap: 40px;
}

.error-main .error-top .error-top-left{
	width: 100%;
}

.error-main .error-top .error-top-left-inner{
	display: flex;
	height: 100%;
	width: 100%;
	align-items: center;
	justify-content: center;
}

.error-main .error-top .error-top-left-inner h1{
	font-size: 200px;
}

.error-main .error-top .error-top-right p{
	padding: 10px 0;
}

.error-main .error-top .error-top-right .buttons{
	margin: 20px 0 40px 0;
}

.error-main .error-top .error-top-right button{
	border: 1px solid #000;
    background-color: #000;
	color: #fff;
}

.error-main .error-top .error-top-right button:hover{
	background-color: #89C02F;
	color: #000;
	border: 1px solid #89C02F;
}

.error-main .error-top .error-top-right img{
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 300px;
	border-radius: 40px;
	box-shadow: rgba(149, 157, 165, 0.6) 0px 10px 8px 5px;
}

.error-main .error-bottom{
	padding-top: 50px;
}

.error-main .error-bottom-inner{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 40px;
}

.error-main .error-bottom-inner a{
	text-decoration: none;
	color: #000;
}

.error-main .error-bottom-inner .error-card-inner{
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #f7f7f7;
	border-radius: 20px;
	gap: 20px;
	background-color: #fff;
	box-shadow: rgba(149, 157, 165, 0.6) 0px 0px 20px;
}

.error-main .error-bottom-inner .error-card-inner:hover{
	background-color: #89C02F;
}

.error-main .error-bottom-inner .error-card-inner .error-card-icon{
	height: 50px;
	width: 50px;
	padding: 10px;
	background-color: #89C02F;
	border-radius: 10px;
}

.error-main .error-bottom-inner .error-card-inner:hover .error-card-icon{
	background-color: #fff;
}

.error-main .error-bottom-inner .error-card-inner img{
	height: 30px;
	width: 30px;
}

.error-main .error-bottom-inner .error-card-inner h3{
	font-weight: normal;
}



/* 
---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------
--------------------------------------------- 404 Error -------------------------------------------
---------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------- 
*/

.thank-you-main{
	/* background-color: #f5f5f5; */
	background-image: url('../image/404-bg.webp');
	background-repeat: no-repeat;
  	background-size: contain;
}

.thank-you-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 30px;
}

.thank-you-container .thank-you-hero-left {
    display: flex;
    align-items: center;
    justify-content: center;
}

.thank-you-container .thank-you-hero-left .thank-you-hero-left-inner img{
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 300px;
}

.thank-you-container .thank-you-hero-right {
	display: flex;
	align-items: center;
	justify-content: center;
}

.thank-you-container .thank-you-hero-right .thank-you-hero-content .thank-you-hero-heading h1{
	padding: 0 0 20px 0;
}

/* .thank-you-container .thank-you-hero-right .thank-you-hero-content .thank-you-hero-heading p{
	max-width: 500px;
} */

.thank-you-container .thank-you-hero-right .thank-you-hero-content .thank-you-hero-content-btn button{
	border: 1px solid #000;
    background-color: #000;
    color: #fff;
}

.thank-you-container .thank-you-hero-right .thank-you-hero-content .thank-you-hero-content-btn button:hover{
	background-color: #89C02F;
    color: #000;
    border: 1px solid #89C02F;
}



/* 
---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------
------------------------------------------- Policy ------------------------------------------------
---------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------- 
*/



.policy h1{
	text-align: center;
	padding: 20px 0;
	font-size: 28px;
}

.policy h2{
	font-size: 24px;
	/* text-align: center; */
	padding: 20px 0;
}

.policy h3{
	font-size: 20px;
	padding: 10px 0;
}

.policy h4{
	padding: 10px 0;
}

.policy span{
	font-weight: 600 !important;
}

.policy ol,
.policy ul{
	padding-left: 30px;
}

.policy ol li{
	font-weight: 600;
	font-size: 20px;
	padding: 15px 0;
}

.policy .roman li{
	font-weight: normal !important;
	font-size: medium !important;
	padding: 0 !important;
}

.policy .roman li p{
	padding: 10px !important;
}

.policy ol li *{
	font-weight: normal;
	font-size: 16px;
	padding: 0;
	line-height: 1.5;
}

.policy ol li p{
	padding: 5px 0;
}

.policy ol li ul{
	padding-left: 30px;
	list-style-type: disc;
}

.policy ol li ul li{
	padding: 5px 0;
}

.policy ol li ul li ul{
	list-style-type: circle;
}

.policy table{
	border-collapse: collapse;
	width: 100%;
}

.policy table tr td{
	border: 1px solid #000;
	padding: 8px;
	line-height: 1.5;
	width: 25%;
}

.policy table .title-bold{
	font-weight: bold;
}

.policy table .title-center{
	text-align: center;
}




@media (max-width: 1279px) {

	h2{
		font-size: 34px;
	}

	.home-about .home-about-right-top-half h1{
		font-size: 34px;
	}

	.s-details-main .s-details-content h1{
		font-size: 34px;
	}

  
	/* about us Section */

	.home-about{
		grid-template-areas: "home-about-left-half home-about-right-top-half"
							 "home-about-right-bottom-half home-about-right-bottom-half";
		gap: 0 3%;
	}
	
	.home-about .home-about-left-half img{
		max-height: 350px;
	}
	
	.home-about-right-bottom-half{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: fit-content(10px) 1fr;
		grid-column-gap: 3%;
	}
	
	.home-about-right-bottom-half .home-about-service .home-about-service-content h4{
		font-size: 21px;
	}

	.home-about-right-bottom-half .buttonss{
		grid-column: 1 / -1;
		justify-content: center;
	}

	/* About Us - Mission Vision Section */

	.a-mission-vision-main h2{
		font-size: 46px;
	}

	/* call to action section */

	.call2action-main .call2action-container h3{
		font-size: 30px;
	}

	/* About Us Values Section */

	.a-card-container{
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 20px;
	}

	/* About Us Team section */

	.a-team-main .a-team-card-det .a-team-card-text h3{
		font-size: 26px;
	}

	/* Service Page our process section */

	.s-process-main .s-process-right .s-process-text h4{
		font-size: 21px;
	}

	/* map accordion section */

	.map-acc-container{
		display: grid;
		grid-template-columns: 1fr 3fr 1.9fr;
		grid-template-rows: auto;
		height: 550px;
		gap: 20px;
	}


	/* 404 Error */

	.error-main .error-bottom-inner{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr auto;
		gap: 40px;
	}

}






@media (max-width: 1023px) {

	.container{
		padding: 5% 4%;
	}

	h2{
		font-size: 32px;
	}
	
	.home-about .home-about-right-top-half h1{
		font-size: 32px;
	}

	.s-details-main .s-details-content h1{
		font-size: 32px;
	}

	.ms-hero-subheading h3{
		font-size: 18px;
		line-height: 1;
	}

	p{
		line-height: 1.5;
		font-size: 14px;
	}
	
	/* Footer */

	.footer-main{
		margin-top: 0;
	}

	.footer-main .second-last .container .second-last-content h4{
		font-size: 30px;
		padding: 20px 0;
	}
	
	.footer-main .second-last .container .second-last-content h6{
		font-size: 30px;
		padding: 0 0 10px 0;
	}
	
	.footer-main .last{
		padding: 20px 0;
	}
	
	.footer-main .last .last-content{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: fit-content(10px) 1fr;
		grid-gap: 40px 40px;
	}
	
	.footer-main .last .last-content .footer-about,
	.footer-main .last .last-content .footer-quick-link,
	.footer-main .last .last-content .footer-contact,
	.footer-main .last .last-content .footer-map{
		padding: 0 0;
	}
	
	.footer-main .last .last-content .footer-contact .footer-contact-details .footer-queensland-address{
		padding: 0 0 20px 0;
	}

	/* hero section */

	.carousel{
		margin-top: -80px;
	}

	.carousel .list .item .content{
		bottom: 300px;
		width: 90%;
		max-width: 960px;
		padding: 5% 5% 5% 5%;
	}

	.carousel .list .item .content .title{
		font-size: 2em;
		line-height: 1.2em;
	}
	
	.carousel .list .item .content .des{
		font-size: 14px;
	}

	.arrows{
		gap: 20px;
	}

	/* home about us section */

	.home-about-right-bottom-half .home-about-service .icon{
		padding: 15px;
	}
	
	.home-about-right-bottom-half .home-about-service .icon img{
		max-height: 40px;
		max-width: 40px;
	}

	/* home last mile deliveruy section */

	.home-lmd-main .home-lmd-container-inner .home-lmd-stat .home-lmd-stat-head h5{
		font-size: 22px;
	}

	.home-lmd-main .home-lmd-container-inner .home-lmd-stat .home-lmd-stat-inner{
		padding: 15px 0;
	}

	.home-lmd-main .home-lmd-container-inner .home-lmd-stat .home-lmd-stat-inner h6{
		font-size: 35px;
	}

	.home-lmd-main .home-lmd-container-inner .home-lmd-stat .home-lmd-stat-inner p{
		font-size: 18px;
	}

	/* Services Caraousel cards */

	.home-service-bg{
		margin-top: -230px;
	}

	/* home update section */

	.home-update-main .container{
		padding: 5% 0 5% 4%;
	}

	/* About Us - hero section */

	.a-hero-main .a-hero-container{
		grid-template-columns: 1fr;
		grid-template-rows: fit-content(10px) 1fr;
		width: 100%;
	}

	.a-hero-main .a-hero-left-container{
		padding: 20px;
	}

	.a-hero-main .a-hero-container .a-hero-left{
		height: auto;
		min-height: 270px;
	}

	.a-hero-main .a-hero-left-container .a-hero-nav{
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.a-hero-main .a-hero-right{
		height: auto;
		min-height: 350px;
	}

	.a-hero-main .a-hero-right-container{
		display: flex;
		flex-direction: column;
	}

	.a-hero-main .a-hero-right-container .a-hero-last-btn{
		display: none;
	}

	/* About Us - Mission Vision Section */

	.a-mission-vision-main h2{
		font-size: 44px;
	}

	.a-mission-vision-content h3{
		font-size: 28px;
	}

	/* About Us Values Section */

	.values-main .values-point .tab{
		gap: 10px;
	}

	.values-main .values-point .tab button{
		font-size: 16px;
		padding: 10px 5px;
	}
	
	.values-main .values-point .tab button.active{
		font-size: 22px;
	}

	.values-main .values-img .values-img-inner img{
		height: 150px;
	}

	/* About Us Team section */

	.a-team-main .a-team-card-det .a-team-card-text h3{
		font-size: 22px;
	}

	.a-team-main .a-team-card-container1{
		grid-template-columns: 1fr 1fr;
		grid-template-rows: fit-content(10px) 1fr;
		grid-template-areas: "a-team-card-det a-team-card-det"
						 	 "a-team-card1 a-team-card2";
		grid-gap: 20px;
		padding: 40px 0;
	}

	.a-team-main .a-team-card-det{
		grid-area: a-team-card-det;
	}

	.a-team-main .a-team-card1{
		grid-area: a-team-card1;
	}

	.a-team-main .a-team-card2{
		grid-area: a-team-card2;
	}

	.a-team-main .a-team-card-container1:nth-child(2){
		margin-left: 0;
	}
	
	.a-team-main .a-team-card-container{
		grid-template-columns: 1fr 1fr;
		grid-template-rows: fit-content(10px) 1fr;
		grid-gap: 20px;
	}

	/* Service page hero section */

	.s-hero-content h2,
	.s-hero-h1-content h2{
		font-size: 28px !important;
	}

	/* Service page Our process section */
	
	.s-process-main .s-process-container{
		grid-template-columns: 1fr;
		grid-template-rows: fit-content(10px) fit-content(10px) auto;
		grid-template-areas: "s-process-top"
							 "s-process-left"
							 "s-process-right";
	}

	.s-process-main .s-process-left .s-process-left-image{
		display: flex;
		justify-content: center;
	}

	.s-process-main .s-process-left img{
		max-width: 80%;
	}

	/* map accordion section */

	.map-acc-container{
		grid-template-columns: 1fr 2fr;
		grid-template-rows: fit-content(10px) 1fr;
		grid-template-areas: "map-acc-img map-acc-img"
						 	 "map-acc-loc map-acc-sub";
		height: 100%;
		gap: 15px;
	}

	.map-acc-container .map-acc-loc{
		grid-area: map-acc-loc;
	}

	.map-acc-container .map-acc-img{
		grid-area: map-acc-img;
	}

	.map-acc-container .map-acc-img .map-tab-frame iframe{
		height: 400px;
	}

	.map-acc-container .map-acc-img .map-tab-frame{
		height: 400px;
		width: 100%;
	}

	.map-acc-container .map-acc-sub{
		grid-area: map-acc-sub;
	}

	.map-acc-container .map-acc-loc,
	.map-acc-main .tabcontent-sub{
		padding: 0;
	}

	.map-acc-main .tab button{
		padding: 5px 0 5px 10px;
	}

	/* Service points section */

	.ms-sp-main{
		display: none;
	}

	/* Home Delivery Services carton delivery section */
	
	.hdcd-main .hdcd-card-container{
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto auto;
		grid-gap: 20px;
	}

	/* Metro & Short Haul Hero Section */

	.ms-hero-main .container:after{
		height: 50px;
	}

	.ms-hero-main .ms-hero-content .ms-hero-content-inner div h1,
	.lmd-hero-main .lmd-hero-container div h1{
		font-size: 32px;
		padding: 10px 0;
	}

	.ms-hero-main .ms-hero-content .ms-hero-content-inner div p,
	.lmd-hero-main .lmd-hero-container div p{
		padding: 0;
	}

	/* contact us page hero section */

	.con-hero-container{
		grid-template-columns: 1fr;
		grid-template-rows: fit-content(10px) fit-content(10px) 1fr;
		grid-gap: 20px;
		grid-template-areas: "con-hero-left-top"
							"con-hero-right"
							"con-hero-left-bottom";
	}

	.con-hero-main .con-hero-right .con-hero-image img{
		max-width: 80%;
	}

	.con-hero-main .con-hero-left-top{
		padding: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.con-hero-main .ms-hero-subheading{
		justify-content: center;
	}

	.con-hero-main .con-hero-left-top h1{
		text-align: center;
	}

	.con-hero-main .con-hero-left-bottom{
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 20px 0;
	}

	.con-hero-main .con-hero-left-bottom .con-hero-content p{
		text-align: center;
	}

	.con-hero-main .con-hero-left-bottom .con-hero-content-btn{
		justify-content: center;
	}

	/* Contact Us page FAQ Section */

	.faq-main{
		margin-bottom: 0;
	}

	.faq-main .faq-container{
	grid-template-columns: auto;
	grid-template-rows: auto 1fr;
	}

	.faq-right .accordion .accordion-item{
		margin: 0 0 15px 0;
	}


	/* 404 Error */
	
	.error-main .container{
		padding: 50px 4%;
	}
	
	.error-main .error-top{
		grid-template-columns: auto;
		grid-template-rows: fit-content(10px) 1fr;
		column-gap: 40px;
	}
	
	.error-main .error-top .error-top-left-inner h1{
		font-size: 150px;
	}

	.error-main .error-top .error-top-right h2{
		text-align: center;
	}
	
	.error-main .error-top .error-top-right p{
		text-align: center;
	}
	
	.error-main .error-top .error-top-right .buttons{
		justify-content: center;
	}
	
	.error-main .error-top .error-top-right .error-image{
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/* pallet policy page */

	.policy h1{
		font-size: 24px;
	}

	.policy h2{
		font-size: 22px;
	}

	.policy h3{
		font-size: 18px;
	}

	.policy ol li{
		font-size: 18px;
		padding: 10px 0;
	}
	
	.policy ol li *{
		font-size: 14px;
	}

}

@media (max-width: 767px) {
	
	.container{
		padding: 6% 5.5%;
	}

	h2{
		font-size: 28px;
		text-align: center;
	}

	.home-about .home-about-right-top-half h1{
		font-size: 28px;
		text-align: center;
	}

	.s-details-main .s-details-content h1{
		font-size: 28px;
		text-align: center;
	}
	
	/* footer */
	
	.footer-main .second-last .container .second-last-content h4{
		font-size: 24px;
	}
	
	.footer-main .second-last .container .second-last-content h6{
		font-size: 24px;
	}
	
	.footer-main .last .last-content{
		grid-template-columns: auto;
		grid-template-rows: fit-content(10px) fit-content(10px) fit-content(10px) 1fr;
		grid-gap: 20px 0;
	}
	
	.footer-main .last .last-content .footer-contact .footer-contact-details .footer-queensland-address{
		padding: 0 0 10px 0;
	}

	/* Hero carousel section */

	.carousel .list .item .content{
		bottom: 300px;
		width: 90%;
		max-width: 960px;
		padding: 5% 5% 5% 5%;
	}

	.carousel .list .item .content .title{
		font-size: 1.8em;
		line-height: 1.2em;
	}
	
	.carousel .list .item .content .des{
		font-size: 14px;
	}

	.arrows{
		gap: 10px;
	}

	/* Home About section */

	.home-about{
		grid-template-columns: 1fr;
		grid-template-rows: fit-content(10px) fit-content(10px) 5fr;
		grid-template-areas: "home-about-right-top-half"
							 "home-about-left-half"
							 "home-about-right-bottom-half";
		gap: 0;
	}
	
	.home-about .home-about-left-half img{
		max-height: 300px;
	}

	.home-about-right-top-half p{
		text-align: center;
	}

	.home-about .ms-hero-subheading{
		justify-content: center;
	}
	
	.home-about-right-bottom-half{
		display: grid;
		grid-template-columns: auto;
		grid-template-rows: fit-content(10px) fit-content(10px) fit-content(10px);
	}
		
	.home-about-right-bottom-half .home-about-service .icon{
		padding: 12px;
	}
	
	.home-about-right-bottom-half .home-about-service .icon img{
		max-height: 30px;
		max-width: 30px;
	}
	
	.home-about-right-bottom-half .home-about-service .home-about-service-content h4{
		font-size: 20px;
		font-weight: 600;
	}

	/* home map section */

	.home-map{
		grid-template-columns: auto;
		grid-template-rows: fit-content(10px) fit-content(10px);
		grid-column-gap: 0;
	}
	
	.home-map .map-left-half,
	.home-map .map-right-half{
		border-right: 0px solid rgba(0, 0, 0, 0.1);
		border-left: 0px solid rgba(0, 0, 0, 0.1);
	}
	
	.home-map .map-left-half .map-left-img,
	.home-map .map-right-half .map-right-img{
		justify-items: center;
	}
	
	.home-map .map-left-half .map-left-img img,
	.home-map .map-right-half .map-right-img img{
		max-height: 260px;
	}
	
	.home-map .map-left-half .map-left-content,
	.home-map .map-right-half .map-right-content{
		justify-items: center;
		padding: 0 2%;
	}
	
	.home-map .map-left-half .map-left-content p,
	.home-map .map-right-half .map-right-content p{
		text-align: center;
		max-width: 100%;
	}

	/* home page last mile delivery section */

	.home-lmd-main .home-lmd-container-inner{
		grid-template-columns: 1fr;
	}

	.home-lmd-main .home-lmd-container-inner .home-lmd-img-text h4{
		font-size: 20px;
	}

	.home-lmd-main .home-lmd-container-inner .home-lmd-stat .home-lmd-stat-text p{
		text-align: center;
	}

	.home-lmd-main .home-lmd-container-inner .home-lmd-stat .home-lmd-stat-text .buttonss{
		justify-content: center;
	}

	/* Home page Storage website section */

	.sto-web-main .sto-web-container{
		grid-template-columns: auto;
		grid-template-rows: fit-content(10px) fit-content(10px) auto;
		grid-template-areas: "sto-web-heading"
							 "sto-web-img"
							 "sto-web-content";
	}

	.sto-web-main .sto-web-container .sto-web-heading{
		align-items: start;
	}
	
	.sto-web-main .sto-web-container .sto-web-heading .sto-web-heading-inner{
		max-width: 100%;
	}
	
	.sto-web-main .sto-web-container .sto-web-heading h2{
		max-width: 100%;
	}
	
	.sto-web-main .sto-web-container .sto-web-content .sto-web-content-inner{
		max-width: 100%;
	}

	.sto-web-main .sto-web-container .sto-web-content .sto-web-content-inner p{
		text-align: center;
	}

	.sto-web-main .sto-web-container .sto-web-content .sto-web-content-inner .buttons{
		justify-content: center;
	}
	
	.sto-web-main .sto-web-container .sto-web-img img{
		width: auto;
		max-width: 100%;
		height: auto;
		max-height: 300px;
	}

	/* Services Caraousel cards */

	.home-service-bg{
		margin-top: -235px;
	}

	/* home facts section */

	.home-facts{
		grid-template-columns: auto;
		grid-template-rows: fit-content(10px) fit-content(10px);
	}

	.home-facts .facts-right-half{
		grid-template-rows: auto;
		grid-template-columns: 1fr 1fr 1fr;
		padding-top: 4%;
	}

	.home-facts .facts-right-half .facts-right{
		align-content: start;
		padding: 15px;
		text-align: start;
		border-bottom: none;
	}

	.home-facts .facts-right-half .facts-right h2{
		font-size: 24px;
	}

	.home-facts .facts-right-half .facts-right p{
		text-align: center;
	}

	/* home update section */

	.home-update-main .ms-hero-subheading{
		justify-content: center;
	}

	.home-update-main .buttonss{
		justify-content: center;
	}

	.home-update-main .home-update-container .home-update-right-content{
		justify-content: center;
	}

	.home-update-main .home-update-container .home-update-right-content video,
	.home-update-main .home-update-container .home-update-right-content img{
    	height: auto;
    	max-height: 200px;
    	max-width: 100%;
    	object-fit: cover;
	}

	.home-update-main .container{
		padding: 6% 5.5%;
	}

	.home-update-main .home-update-container{
		grid-template-columns: 1fr;
		grid-template-rows: fit-content(10px) 1fr;
	}

	.home-update-main .home-update-container .home-update-right-content{
		padding-top: 5%;
	}

	/* certification section */

	.home-certification-main .home-certification-container{
		grid-template-columns: auto;
		grid-template-rows: fit-content(10px);
	}

	.home-certification-main .home-certification-container .home-certification-right-content{
		padding-top: 5%;
	}

	.home-certification-main .home-certification-left-content h2,
	.home-certification-main .home-certification-left-content p{
		text-align: center;
	}

	.home-certification-main .buttonss{
		display: flex;
		justify-content: center;
	}

	/* About Us - hero section */

	.a-hero-main .a-hero-container .a-hero-left{
		min-height: 300px;
	}

	/* About us - about us section */

	.a-about-main .a-about-container{
		margin-top: -100px;
	}

	.a-about-main .a-about-content{
		padding: 7% 7% 0 7%;
	}

	.a-about-main .a-about-content-inner img{
		display: none;
	}

	.a-about-main .a-about-content .a-about-m-img{
		display: block;
	}

	.a-about-main .a-about-content h2{
		max-width: 100%;
	}

	.a-about-main .a-about-content .a-about-h2{
		width: 100%;
	}

	/* About Us - Mission Vision Section */

	.a-mission-vision-main h2{
		font-size: 34px;
	}

	.a-mission-vision-container{
		grid-template-columns: 1fr;
		grid-template-rows: fit-content(10px) 1fr;
	}

	.a-mission-vision-container .a-mission-vision-content:nth-child(1){
		padding-bottom: 5%;
	}

	.a-mission-vision-content{
		max-width: 100%;
	}

	.a-mission-vision-content h3{
		font-size: 24px;
	}

	/* call to action section */

	.call2action-main .call2action-container{
		flex-direction: column;
		padding: 40px 0;
		align-items: center;
	}

	.call2action-main .call2action-container h3{
		font-size: 22px;
		text-align: center;
	}

	.call2action-main .call2action-container p{
		text-align: center;
	}

	.call2action-main .call2action-container .call2action-btn .buttonss{
		margin-top: 20px;
	}

	/* Service page hero section */

	.s-hero-main{
		height: 80vh;
	}

	.s-hero-content-main{
		grid-template-rows: fit-content(10px);
		grid-template-columns: auto;
		gap: 0;
	}

	.s-hero-h1-content h2{
		text-align: start;
	}

	.s-hero-h1-content{
		padding: 0;
	}

	.s-hero-content h2,
	.s-hero-h1-content h2{
		font-size: 20px !important;
	}

	/* Service page details section */

	.s-details-main .container{
		border-radius: 0 0 100px 100px;
	}

	/* service page stats section */

	.s-stats-container{
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.s-stats-main .s-stats-right .s-stats-right-content{
		max-width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.s-stats-main .s-stats-right .s-stats-right-content p{
		text-align: center;
	}

	/* Product carousel section */

	.prd-main h2{
		padding: 0 0 20px 0;
	}

	/* map accordion section */

	.map-acc-container .map-acc-img .map-tab-frame iframe{
		height: 300px;
	}

	.map-acc-container .map-acc-img .map-tab-frame{
		height: 250px;
		width: 100%;
	}

	/* other H2 */

	.ms-det-container .ms-det-content h2,
	.hdcd-main .hdcd-content-text h2,
	.s-accordion-heading1 h2,
	.hdcd-main .hdmd-content-text h2,
	.s-accordion-heading h2,
	.ws-text-heading-inner h2{
		text-align: start;
	}

	/* Metro & Short Haul Hero Section */

	.ms-hero-main .container:after{
		height: 25px;
	}

	.ms-hero-main .ms-hero-content .ms-hero-content-inner div h1,
	.lmd-hero-main .lmd-hero-container div h1{
		font-size: 32px;
	}

	.ms-hero-main .ms-hero-content-inner .ms-hero-subheading .outer{
		display: none;
	}

	.ms-hero-main .ms-hero-content-inner .ms-hero-subheading h3{
		font-size: 16px;
		text-align: center;
	}

	/* Retail & Regional Service details section */

	.rr-det-container{
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto;
		grid-template-areas: 
			"rr-det-heading"
			"rr-det-img"
			"rr-det-content";
	}

	.rr-det-container .rr-det-content p{
		text-align: center;
	}

	.rr-det-container .rr-det-content .buttonss{
		justify-content: center;
	}

	/* Home Delivery Services carton delivery section */

	.hdcd-main .hdcd-content-inner{
		grid-template-columns: 1fr;
		grid-template-rows: fit-content(10px) fit-content(10px) 1fr;
		gap: 20px;
		grid-template-areas: "hdcd-content-text"
							"hdcd-content-img"
							"hdcd-content-btn";
	}

	.hdcd-main .hdmd-content-img img,
	.hdcd-main .hdcd-content-img img{
		max-width: 80%;
	}

	.hdcd-main .hdmd-content-btn .buttonss,
	.hdcd-main .hdcd-content-btn .buttonss{
		justify-content: center;
	}

	.hdcd-main .hdcd-card-container{
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-gap: 20px;
	}

	/* Home Delivery Services Meal kit Delivery section */

	.hdcd-main .hdmd-content-inner {
		grid-template-columns: 1fr;
		grid-template-rows: fit-content(10px) fit-content(10px) 1fr;
		gap: 20px;
		grid-template-areas: "hdmd-content-text"
							 "hdmd-content-img"
							 "hdmd-content-btn";
	}

	/* Warehousing & Storage Solution text odd */

	.ws-text-main .ws-text-container,
	.ws-text-main:nth-child(odd) .ws-text-container{
		grid-template-columns: 1fr;
		grid-template-rows: fit-content(10px) fit-content(10px) 1fr;
		grid-template-areas: "ws-text-heading-half"
							"ws-text-img-half"
							"ws-text-content-half";
		gap: 20px;
	}

	.ws-text-main .ws-text-img-half img{
		max-width: 80%;
	}

	.ws-text-main .ws-text-content-half .buttons{
		justify-content: center;
	}

	/* 404 Error */

	.error-main .error-bottom-inner{
		display: grid;
		grid-template-columns: auto;
		grid-template-rows: 1fr auto auto auto;
		gap: 40px;
	}

	/* Contact Us page */

	.contact-container{
		grid-template-columns: Auto;
	}

	.contact-container .contact-hero-left{
		justify-content: start;
	}

	.contact-container .contact-hero-right .con-hero-content-btn button,
	.contact-container .contact-hero-left .con-hero-content-btn button{
		margin-top: 0 !important;
	}

	.contact-container .contact-hero-right .con-hero-content-btn,
	.contact-container .contact-hero-left .con-hero-content-btn{
		margin-top: 0 !important;
		padding-top: 20px;
	}

	/* Thank you page */

	.thank-you-container {
		grid-template-columns: auto;
	}

	.thank-you-container .thank-you-hero-right{
		text-align: center;
	}

	.thank-you-container .thank-you-hero-right .thank-you-hero-content .thank-you-hero-content-btn{
		justify-content: center;
	}

	/* last mile delivery page */

	.lmd-hero-main .lmd-hero-content{
		padding-bottom: 100px;
	}

	.lmd-hero-img{
		margin-top: -150px;
	}

	.lmd-state-main .lmd-state-text h3,
	.lmd-geo-main .lmd-geo-container h3{
		font-size: 30px;
	}

	.lmd-state-main .lmd-state-details .lmd-state-details-container .lmd-state-details-inner h4{
		font-size: 22px;
	}

}

@media (max-width: 500px) {

	/* Home page last mile delivery section */

	

	/* Metro & Short Haul Hero Section */

	.ms-hero-main .container:after{
		height: 15px;
	}

	/* About Us - hero section */

	.a-hero-main .a-hero-container .a-hero-left{
		min-height: 380px;
	}

	/* pallet policy page table section */

	.policy table tr td{
		padding: 5px;
		font-size: 14px;
	}

	.policy table tr td:first-child{
		text-wrap: wrap;
	}

	/* last mile delivery page */

	.lmd-hero-main .lmd-hero-content{
		padding-bottom: 75px;
	}

	.lmd-hero-img{
		margin-top: -100px;
	}

	.lmd-state-main .lmd-state-text h3,
	.lmd-geo-main .lmd-geo-container h3{
		font-size: 24px;
	}

	.lmd-state-main .lmd-state-details .lmd-state-details-container{
		grid-template-columns: 1fr;
	}

	.lmd-state-main .lmd-state-details .lmd-state-details-container .lmd-state-details-inner h4{
		font-size: 20px;
	}
}

@media (max-width: 430px) {

	.map-acc-main .tabcontent-sub .ms-hero-subheading h5,
	.map-acc-container .map-acc-loc h5{
		font-size: 20px;
	}

	.map-acc-main .tabcontent-sub h6{
		margin: 10px 5px;
		padding: 15px 10px;
		font-size: 14px;
	}
}

@media (max-width: 400px) {

	/* Hero carousel section */

	.carousel .list .item .content{
		bottom: 200px;
	}

	.thumbnail .item{
		width: 75px;
		height: 110px;
	}

	.home-hero-button{
		grid-template-columns: max-content;
	}

	/* Metro & Short Haul Hero Section */

	.ms-hero-main .container{
		height: 90vh;
	}

	.ms-hero-main .container:after{
		height: 10px;
	}

	.ms-hero-main .container .ms-hero-bg-image{
		height: 89.98vh;
	}

	.ms-hero-main .container .ms-hero-bg-image, .ms-hero-main .container .ms-hero-content{
		height: 90vh;
	}

}

@media (max-height: 639px) {
	.carousel{
		height: 700px;
	}
}