.banner-home5 .box-banner-homepage-2 .box-cover-image {

			height: 700px !important;
		}

		.burger-icon.burger-icon-white>span::before,
		.burger-icon.burger-icon-white>span::after {
			background-color: #4f759e;
		}

		.burger-icon.burger-icon-white>span::after,
		.burger-icon.burger-icon-white>span::after {
			background-color: #4f759e;
		}

		.burger-icon.burger-close.burger-icon-white>span::before,
		.burger-icon.burger-close.burger-icon-white>span::after {
			background-color: #4f759e;
		}



		.image-cover-1 {

			background-image: url(../imgs/topcity/texture-bg.jpg);
			background-position: top center;
			background-repeat: no-repeat;
			background-size: cover;
		}

		.image-cover {

			background-image: url(../imgs/topcity/bs.jpg);
			background-position: top center;
			background-repeat: no-repeat;
			background-size: cover;
		}

		.image-cover-for-api {
			background-image: url(../imgs/banner_icon/what_we_serve.jpg);
			background-position: top center;
			background-repeat: no-repeat;
			background-size: contain;
		}

		.bg-download::before {

			background-image: url(../imgs/landing_img/download.png);
		}


		.header-top-main .header-top {
			padding: 4px 0px;
		}

		.header-top-sub {
			background-color: #4f769f;
			opacity: 0.89;
		}

		.header-top-main {
			background-color: #ffffff;
		}


		.banner-home5 .btn-border-Signup {
			border-radius: 16px;
			background-color: #4f769f;
			color: #ffff;
			font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
			font-size: xx-large;
			padding: 20px !important;
			width: 40%;

		}

		.banner-home5 .btn-border-Signup:hover {
			background-color: black;
		}

		.heading-52-medium {
			font-size: 88px;
			line-height: 100px;

		}

		.sub-heading-text {
			font-size: 36px !important;
			line-height: 50px !important;
			text-align: left;
			margin-left: 40px;
		}

		.box-banner-info {

			margin-left: 15px !important;
			margin-right: 50px !important;
		}

		.box-swiper-custom-changes {
			border: 4px solid #46698e;
			background: #181a1f03;
			padding: 4px;
			border-radius: 8px;
		}

		.header-top-sub .btn-default {

			background-color: #0719208c;

		}


		.btn.btn-default:hover {
			border-radius: 40px !important;
		}

		.list-logos {
			/* animation: marqueeAnimation 10s linear infinite; */
		}

		.header .header-top-sub .main-header .header-left .header-right {
			width: 65%;
			float: right;
		}

		.banner-home5 .box-banner-info {
			top: 20%;
		}

		@keyframes marqueeAnimation {
			0% {
				transform: translateX(0%);
			}

			100% {
				transform: translateX(-50%);
			}
		}



		.header-right a[data-title] {
			position: relative;
		}

		.header-right a[data-title]:hover::after {
			content: attr(data-title);
			position: absolute;
			background-color: black;
			color: #fff;
			padding: 14px;
			border-radius: 8px;
			font-size: 16px;
			z-index: 100;
			top: 18px;
			left: 50%;
			transform: translateX(-50%);
			box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
			opacity: 0;
			visibility: hidden;
			transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
		}


		.header-right a[data-title]:hover::after {
			opacity: 1;
			visibility: visible;
			text-align: center;
		}


		#service_desc:hover {
			color: black;
		}

		.list-logos {
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: nowrap;
		}


		.cardImage i {
			font-size: 3rem;
			transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
		}

		.cardImageLeftTextRight:hover .cardImage i {

			transform: scale(1.1);
			color: #FF5722;
			transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
		}

		.cardImageLeftTextRight:hover .hover-effect-h {
			color: #46698e !important;
			transform: scale(1.05);
			transition: all 0.3s ease-in-out;
		}

		.shipper {
			display: flex;
			flex-direction: column;
			align-content: center;
			justify-content: center;
			align-items: center;
			width: 200px;
			height: 180px;
			color: #dc3545;
			background-color: #ffffff57;
			border-radius: 50%;

			box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
		}

		.shipper i {

			font-size: 34px;
			margin-bottom: 8px;
		}

		.cardImageText {
			margin-bottom: 90px;
			display: flex;
			flex-direction: column;
			align-content: center;
			flex-wrap: wrap;
			text-align: center;
			padding: 40px;
		}

		.cardImage {
			align-self: center;
		}

		.cardServiceStyle4:hover .cardInfo .color-white {
			color: #071318 !important;
		}



		.icon-socials.icon-facebook,
		.icon-socials.icon-instagram,

		.icon-socials.icon-linkedin {
			background-color: #6285aa;
			border-radius: 20px;
		}

		.icon-socials.icon-facebook:hover {
			background-color: black !important;
		}

		.icon-socials.icon-instagram:hover {
			background-color: black !important;
		}

		.icon-socials.icon-twitter:hover {
			background-color: black !important;
		}

		.icon-socials.icon-linkedin:hover {
			background-color: black !important;
		}

		.cs-twitter:hover {
			background-color: black !important;
		}

		.cardNews .cardImage .datePost {

			top: 0 !important;
			left: 10px !important;
		}

		.menu-bottom li a:hover {
			color: #4f759e !important;
		}

		a.color-text:hover,
		a.color-text:hover *,
		a.color-white:hover,
		a.color-white:hover *,
		a.color-primary:hover,
		a.color-primary:hover * {
			color: #4f759e !important;
		}

		.orb-normal {
			font-family: Orbitron;
		}

		.orb-med {
			font-family: Orbitron Medium;
		}

		.es-font {
			font-family: 'Eurostile', sans-serif;
		}

		.es-font-heading {
			font-family: 'Eurostile', sans-serif;
			font-weight: 800;
			letter-spacing: 2px;
			font-size: 32px !important;
		}

		.header .main-menu li a:hover {
			background: #e2ca62;
		}

		.es-font-p-key {
			font-size: 18px !important;
			line-height: 20px;
		}

		.es-font-h-key {
			font-size: 20px !important;
			line-height: 20px;
		}

		.list-how.slider-nav-thumbnails .slick-list .slick-track li::before {
			border: 3px solid #e2ca62 !important;
		}

		.list-unstyled li {

			padding: 6px;
			margin-left: 30px;
			font-family: 'Orbitron';
			font-size: 21px;
			line-height: 32px;

			font-weight: 900;
			text-align: center !important;
		}

		.btn-contact {
			position: fixed;
			bottom: 40px;
			right: 16px;
			border-radius: 4px;
			box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
			overflow: hidden;
			display: flex;
			flex-direction: column;
			align-items: center;
			z-index: 10000;
			color: #46698e;
			cursor: pointer;
		}

		.bi-back {
			color: #4f769f !important;
		}

		.cardImageLeftTextRight:hover .cardInfo h3,
		.cardImageLeftTextRight:hover .cardInfo p {
			padding: 8px;
			transition: color 0.3s ease;
		}

		.cardImageLeftTextRight {
			transition: transform 0.3s ease, box-shadow 0.3s ease;
		}

		.cardImageLeftTextRight:hover {
			transform: translateY(-5px);
			box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
		}

		.btn-send-mail {
			background-color: #4f759e !important;
		}

		.btn-send-mail:hover {
			background-color: #000000 !important;
		}

		.ls-1 {
			letter-spacing: 1px !important;
		}

		.api-txt .api-section .json-data pre {
			font-family: 'Eurostile', sans-serif;
			font-style: normal;
			font-weight: 700;
			font-size: 20px;
			line-height: 40px;
			letter-spacing: 2px;
			color: black;
			overflow: hidden;
		}

		.api-txt .api-section .json-data {

			box-shadow: 2px 2px 75px rgba(0, 0, 0, .15);
			border-radius: 16px;
			position: relative;
			min-height: 481px;
			text-align: center;
		}


		/* Media Query  */


		@media (max-width: 575.98px) {

			.perfect-scroll {
				padding: 74px 20px 0px 20px;
			}

			.box-banner-info .sub-heading-text {
				font-weight: 400;
				font-size: 16px !important;
				line-height: 24px !important;
			}

			.banner-home5 .btn-border-Signup {
				font-size: x-large !important;
			}

			.box-button-download {
				display: block !important;
			}

			#contactModal h5 {
				font-size: 14px !important;
			}

			.right-text p {

				font-size: x-small !important;
				letter-spacing: 2px !important;
				line-height: 22px !important;
			}

			.btn-cs {
				letter-spacing: 1px !important;
				font-size: 12px !important;
				font-weight: 600 !important;
			}

			#micromove_text p {

				font-size: 16px !important;
				line-height: 32px !important;
				letter-spacing: 1px !important;
			}

			/* New style for banner and service -op */
			.banner-title {
				margin-top: 130px !important;
				line-height: 38px !important;
				font-size: 24px !important;
			}

			.banner-desc {
				font-size: 18px !important;
				line-height: 28px !important;
				padding: 0 10px !important;
			}


			.left-text p {


				font-size: 16px !important;
				letter-spacing: 2px !important;
				line-height: 28px !important;
				padding: 0 8px !important;
			}

			.service-title {
				font-size: 24px !important;
			}

			.cs-span {
				flex-direction: column;
				align-items: center;
				gap: 10px;
			}

			.cs-span-btn {
				background-color: #4f759f;
				padding: 20px;
				border-radius: 5px;
				margin-bottom: 15px;
				min-width: 360px;
				display: flex;
				justify-content: center;

			}

			.cs-span-btn a {
				color: #ffffff;
				font-family: 'Orbitron', sans-serif;
				text-decoration: none;
				font-size: 18px;
				font-weight: bold;
				text-align: center;
				letter-spacing: 2px;
			}

			.cs-span-desc {
				font-family: 'Eurostile', sans-serif;
				font-size: 20px !important;
				line-height: 30px;
				padding: 0 15px !important;
				color: #ffffff;

			}

			.service-sub-title {
				font-size: 16px !important;
				line-height: 32px !important;
				letter-spacing: 2px;
			}

			#services p {
				text-align: center !important;
			}

			#how-it-works .box-main-slider .slick-slide img {
				padding-bottom: 30px;

			}

			#benefits p {
				font-size: 20px !important;
				line-height: 28px !important;
			}


		}

		@media (max-width: 750px) {

			.perfect-scroll {
				padding: 74px 20px 0px 20px;
			}

			#contactModal h5 {
				font-size: 14px !important;
			}

			#spotting_title {
				font-size: 40px;
			}

			.banner-home5 .btn-border-Signup {
				font-size: x-large !important;
			}

			.spotting_desc {
				font-size: 20px;
			}

			.header-top-2 img {
				width: 200px;
			}

			.box-button-download {
				display: block !important;
			}

			/* New style for banner and service -op */
			.banner-title {
				margin-top: 130px !important;
				line-height: 38px !important;
				font-size: 24px !important;
			}

			.banner-desc {
				font-size: 18px !important;
				line-height: 28px !important;
				padding: 0 10px !important;
			}


			.left-text p {


				font-size: 16px !important;
				letter-spacing: 2px !important;
				line-height: 28px !important;
				padding: 0 8px !important;
			}

			.service-title {
				font-size: 24px !important;
			}

			.cs-span {
				flex-direction: column;
				align-items: center;
				gap: 10px;
			}

			.cs-span-btn {
				background-color: #4f759f;
				padding: 20px;
				border-radius: 5px;
				margin-bottom: 15px;
				min-width: 360px;
				display: flex;
				justify-content: center;

			}

			.cs-span-btn a {
				color: #ffffff;
				font-family: 'Orbitron', sans-serif;
				text-decoration: none;
				font-size: 18px;
				font-weight: bold;
				text-align: center;
				letter-spacing: 2px;
			}

			.cs-span-desc {
				font-family: 'Eurostile', sans-serif;
				font-size: 20px !important;
				line-height: 30px;
				padding: 0 15px !important;
				color: #ffffff;

			}

			.service-sub-title {
				font-size: 16px !important;
				line-height: 32px !important;
				letter-spacing: 2px;
			}

			#services p {
				text-align: center !important;
			}

			#how-it-works .box-main-slider .slick-slide img {
				padding-bottom: 30px;

			}

			#benefits p {
				font-size: 20px !important;
				line-height: 28px !important;
			}



		}

		@media (max-width: 767px) {
			.perfect-scroll {
				padding: 74px 20px 0px 20px;
			}

			.box-button-download {

				display: block !important;
			}

			.box-banner-info {

				margin: 0 !important;
			}

			.banner-home5 .swiper-banner-1 .swiper-slide {
				padding-right: 0px;
			}

			.banner-home5 .box-banner-homepage-2 .box-cover-image {
				height: 600px;
			}

			#service_tb_col {
				flex-direction: column;
			}

			.banner-home5 .btn-border-Signup {
				display: block;
			}

			.list-logos {
				flex-direction: column;
			}

			.list-logos li {
				margin-bottom: 15px;
			}

			.list-logos img {
				margin-left: auto;
				margin-right: auto;
				display: block;
				max-width: 39% !important;
				margin-bottom: 14px;
			}

			#spotting_title #spotting_desc {
				text-shadow: 4px 0px 8px #000000;
			}

			/* New style for banner and service -op */
			.banner-title {
				margin-top: 130px !important;
				line-height: 38px !important;
				font-size: 24px !important;
			}

			.banner-desc {
				font-size: 18px !important;
				line-height: 28px !important;
				padding: 0 10px !important;
			}


			.left-text p {


				font-size: 16px !important;
				letter-spacing: 2px !important;
				line-height: 28px !important;
				padding: 0 8px !important;
			}

			.service-title {
				font-size: 24px !important;
			}

			.cs-span {
				flex-direction: column;
				align-items: center;
				gap: 10px;
			}

			.cs-span-btn {
				background-color: #4f759f;
				padding: 20px;
				border-radius: 5px;
				margin-bottom: 15px;
				min-width: 360px;
				display: flex;
				justify-content: center;

			}

			.cs-span-btn a {
				color: #ffffff;
				font-family: 'Orbitron', sans-serif;
				text-decoration: none;
				font-size: 18px;
				font-weight: bold;
				text-align: center;
				letter-spacing: 2px;
			}

			.cs-span-desc {
				font-family: 'Eurostile', sans-serif;
				font-size: 20px !important;
				line-height: 30px;
				padding: 0 15px !important;
				color: #ffffff;

			}

			.service-sub-title {
				font-size: 16px !important;
				line-height: 32px !important;
				letter-spacing: 2px;
			}

			#services p {
				text-align: center !important;
			}

			#how-it-works .box-main-slider .slick-slide img {
				padding-bottom: 30px;

			}

			#benefits p {
				font-size: 20px !important;
				line-height: 28px !important;
			}

		}

		@media (min-width: 1200px) {

			.banner-title {

				letter-spacing: 2px;
			}

			.banner-desc {

				letter-spacing: 1px;
			}

			.cs-span {

				display: flex;
				flex-direction: column;
				align-items: center;

			}

			.left-text p {

				margin-top: 40px;
				font-size: 20px !important;
				letter-spacing: 2px !important;
				line-height: 40px !important;
			}

			.service-title {
				font-size: 30px !important;
			}


			.cs-span-btn {
				background-color: #4f759f;
				padding: 20px;
				border-radius: 5px;
				margin-bottom: 15px;
				min-width: 360px;
				display: flex;
				justify-content: center;

			}

			.cs-span-btn a {
				color: #ffffff;
				font-family: 'Orbitron', sans-serif;
				text-decoration: none;
				font-size: 20px;
				font-weight: bold;
				text-align: center;
				letter-spacing: 2px;
			}

			.cs-span-desc {
				font-family: 'Eurostile', sans-serif;
				font-weight: bolder;
				text-align: center;
				font-size: 18px;
				line-height: 36px;
				color: #ffffff;
				padding: 0 46px;
			}

			.service-sub-title {
				font-size: 28px !important;
				line-height: 46px !important;
				letter-spacing: 2px;
			}

			.book_yard_assessment {
				font-size: 24px;
				font-family: orbitron;
				letter-spacing: 2px;

			}

			#services h2 {


				letter-spacing: 2px !important;
				font-weight: 800 !important;
				text-align: center;
			}

			#services p {

				padding: 0 25px;
				font-size: 18px !important;
				line-height: 26px !important;
				text-align: center;
			}

			.detail-gallery .main-image-slider .slick-slide img {
				padding: 16px;
				border-radius: 30px;

				max-width: 98%;

			}

			#benefits h3 {
				font-size: 17px !important;
			}

			#benefits p {
				font-size: 18px;
				line-height: 28px;
				font-weight: 400;
				letter-spacing: 1px;


			}


		}