/* 
Theme Name: Harbor Logistics
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: FDM
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/******Default vip css start*****/  

@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap');
*{
	outline: none !important; 
	text-decoration: none !important;  
}
ul {
	padding: 0;
} 
.site-branding {
	display: none;
} 
p,li {
	margin-bottom: 20px; 
}  
p, li, div, p.elementor-heading-title {
	color: #202020;
	font-size: 18px;
	line-height: 29px;
	font-family: "Rethink Sans", sans-serif;
	font-weight: 400;
}
p:last-child{
	margin-bottom: 0;
} 
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 h6, .h6 {
	color: #004d59;
	letter-spacing: 0;
	font-family: "Inter Tight", sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	font-style: italic;
}
.bigheading > .elementor-widget-container {
	margin-bottom: 20px;
}
p a{
	color: #0142ae !important;
	font-weight: 700;
	text-decoration: unset !important;
} 
p a:hover, .link-text a:hover {
	color: #c0262b !important;
}
strong {
	font-weight: 500 !important;
}  
.subheading h6 {
	font-size: 18px;
	line-height: 49px;
	text-transform: uppercase;
	color: #2b328c;
}
.pl60{
	padding-left: 60px;
}
.pl30{
	padding-left: 30px;
}
.pr60{
	padding-right: 60px;
} 
.pt0 {
	padding-top:0px !important;
}
.pb0 {
	padding-bottom:0px !important;
}
.mt50{
	margin-top: 50px;
}   
.mt35{
	margin-top: 35px;
} 
.mt100{
	margin-top: 80px;
}    
.pad80 {
	padding: 80px 15px;
} 
.pt80{
	padding-top: 80px;
} 
.pb80{
	padding-bottom: 80px;
}
.pt50 {
	padding-top: 50px;
}
.defbtn .elementor-widget-container {
	margin-top: 30px;
}
body {
	position: relative;
}
a {
	transition: all ease-in-out 0.5s !important;
} 
/*** Header ***/  
@keyframes slideIn {
	from { top: -50% }
	to { top: 0 }
}   
.hdactive .elementor-location-header {
	position: fixed;
	-webkit-animation: slideIn 0.5s ease-in;
	-moz-animation: slideIn 0.5s ease-in;
	animation: slideIn 0.5s ease-in;
	z-index: 102;
	padding: 10px 15px;
	background: #fff;
	box-shadow: 0px 0px 11px rgba(0,0,0,0.2);
}
.hd_menu  .elementor-widget-container {
	width: 100%;
}    
.hdactive .logomain {
	width: 280px !important;
}
.hdactive .header_main {
	padding: 0 !important;
	border: 0; 
} 
.header_main .elementor-widget-wrap {
	justify-content: space-between;
	align-items: center;
} 
.hd_menu .elementor-nav-menu > li {
	margin-left: 70px;
}
.hd_menu .elementor-nav-menu > li > a {
	font-size: 17px;
	color: #000 !important;
	padding: 0 !important;
	text-transform: uppercase;
}
.hd_menu .elementor-nav-menu > li > a:hover {
	color: #edb509 !important;
}
.hd_menu .elementor-nav-menu > li:last-child > a {
	background: #EDB509;
	border-radius: 6px;
	line-height: normal;
	font-weight: 600;
	font-size: 16px;
	padding: 14px 30px !important;
	position: relative;
	overflow: hidden;
	z-index: 1;
	text-transform: uppercase;
	color: #000 !important;
}
.elementor-nav-menu > li > ul.sub-menu a {
	padding: 14px 17px !important;
	color: #fff !important;
	border-bottom: 1px solid #ffffff38;
	border-left: 0;
	white-space: normal;
	background: transparent !important;
	font-size: 17px;
	text-transform: capitalize;
	letter-spacing: 0;
}   
.elementor-nav-menu > li > ul.sub-menu li:last-child a {
	border-bottom: 0px !important;
}  
.elementor-sub-item.elementor-item-active {
	background-color: transparent !important;
} 
.elementor-nav-menu > li > ul.sub-menu {
	background: #222334;
	min-width: 235px !important;
	border-radius: 0px;
	margin-top: -5px !important;
}
.elementor-nav-menu > li > ul.sub-menu:last-child a {
	border-radius: 0px; 
} 
.elementor-nav-menu > li > ul.sub-menu .sub-arrow {
	display: none !important;
} 
.elementor-nav-menu > li > ul.sub-menu a:hover {
	background: #53c8ea !important;
	opacity: 1;
	border-left: unset !important;
	color: #fff !important;
}    
.elementor-location-header {
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	padding: 15px 15px;
	position: absolute;
}
/*** Header End***/  
.logomain {
	max-width: 300px;
	margin: auto;
}
.hd_menu {
	width: calc(100% - 350px) !important;
}
.bigheading h2 {
	font-size: 60px;
	line-height: 1.1;
}  
.diff_blocks {
	width: calc(100% / 3 + 20px) !important;
	margin-left: -20px;
}
.diff_blocks .elementor-widget-container {
	border-radius: 20px 0px 0px 20px;
	padding: 80px 50px 60px 50px;
} 
.diff_blocks h2 {
	font-size: 22px;
	color: #004d59;
	font-weight: normal;
	font-style: normal;
	margin: auto;
	text-transform: none;
	font-family: "Rethink Sans", sans-serif;
}
.ft_social  svg {
	margin: 0 !important;
	fill: #fff;
	width: 15px !important;
	height: 19px !important;
}
.ft_social a {
	border: 1px solid #fff;
	width: 40px !important;
	height: 40px !important;
	border-radius: 50%;
	justify-content: center !important;
}
.ft_social .elementor-icon-list-text {
	display: none;
}
.ft_social a:hover {
	background: #edb509;
	border-color: #edb509;
}
.copyright_text > div, .copyright_text a {
	color: #fff;
	font-size: 17px;
	line-height: normal;
	margin: 20px auto;
}
.copyright_text {
	border-top: 1px solid #ffffff17;
}
.ft_social a:hover svg	 {
	fill: #000;
}
.diff_blocks:last-child .elementor-widget-container {
	border-radius: 20px;
}
.diff_blocks .elementor-image-box-img {
	margin-bottom: 40px !important;
	justify-content: center;
	display: flex;
}
.diff_blocks .elementor-image-box-img img {
	max-height: 90px;
	width: auto;
	display: block;
}
.defbtn a {
	background: #EDB509;
	border-radius: 6px;
	line-height: normal;
	font-weight: 600;
	font-size: 16px;
	padding: 14px 30px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	text-transform: uppercase;
	color: #000 !important;
}

.btnsets .defbtn {
	width: auto !important;
}
.btnsets > div {
	justify-content: center;
	column-gap: 20px;
}
.defbtn a:hover,.secbtn a ,.hd_menu .elementor-nav-menu > li:last-child > a:hover,.custom-contact .button:hover{
	background: #1aa089 !important;
	color: #fff !important;
}
.box_bar {
	padding: 40px;
	border-radius: 15px;
	margin-top: 50px;
}
.box_bar p {
	color: #fff;
	margin-top: 13px;
}
.ftlogo {
	border-left: 1px solid #ffffff12;
	border-right: 1px solid #ffffff12;
	padding: 40px 30px;
} 
.custom-contact h2 {
	font-size: 50px;
	margin: 0 0 32px;
}
.btnmail a {
	background: transparent !important;
	padding: 0;
	font-size: 22px;
}
.btnmail a i, .ft_hd p {
	display: block;
	font-style: normal;
	margin-bottom: 10px;
	font-size: 16px;
	color: #fff;
	line-height: normal;
}
.ft_top  > div {
	padding: 220px 0 50px;
}



.gform_wrapper .gform_validation_errors {
	border-radius: 40px;
	box-shadow: unset;
	margin-bottom: 20px;
	margin-top: 0px; 
	display: none;
}
.validation_message {
	padding: 0px !important;
	background: transparent !important;
	border: 0px !important;
	margin-top: 0px !important;
	line-height: 20px !important;
	font-size: 14px !important;
}
.gform_wrapper .gfield_required{
	display: none !important;
} 
.custom-contact label {
	font-weight: 600 !important;
	font-size: 16px !important;
	line-height: normal !important;
	padding: 0px !important;
	color: #000 !important;
	display: block !important;
} 
.custom-contact input, .custom-contact .textarea {
	background: transparent !important;
	border: 1px solid #cecece !important;
	height: 60px;
	margin-bottom: 0px !important;
	border-radius: 6px !important;
	padding: 14px 15px !important;
	color: #000 !important;
	min-height: 55px !important;
	box-shadow: none !important;
	font-size: 16px !important;
	text-align: left;
}
.custom-contact .textarea { 
	height:160px !important;
}	  
.custom-contact .gform_footer {
	margin: 28px 0px 0px !important;
	padding: 0px !important;
} 
.custom-contact {
	background: #fff;
	padding: 50px;
	border-radius: 15px;
	box-shadow: 0px 0px 7px #00000026;
	margin-bottom: -160px;
	position: relative;
	z-index: 1;
	text-align: center;
}
.half-col {
	grid-column: span 4 !important; 
}  
.custom-contact .button {
	border: 0px !important;
	margin: 0 auto !important;
	background: #EDB509 !important;
	padding: 12px 40px !important;
	position: relative;
	overflow: hidden;
	z-index: 1;
	color: #000 !important;
	font-size: 16px !important;
	line-height: normal !important;
	text-transform: uppercase !important;
	transition: all ease-in-out 0.5s !important;
	border-radius: 6px !important;
	min-width: 200px !important;
}
.gform_wrapper .gform_validation_errors > h2 {
	font-size: 17px !important;
	font-weight: 500;
	line-height: normal !important;
}
.custom-contact .button:hover {
	background: #246752 !important;
} 
.banner p {
	width: max-content;
	margin: auto auto 20px;
	padding: 4px 80px;
	border-radius: 5px;
	color: #000;
	background: #FFF;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 1%, rgba(210, 239, 230, 1) 30%, rgba(210, 239, 230, 1) 70%, rgba(255, 255, 255, 0) 100%);
}
.banner > .elementor-container {
	padding: 210px 0 100px;
}
.banner h1 {
	font-size: 66px;
	max-width: 1090px;
	margin: auto;
}
.page-id-179 .ft_top > div {
	padding: 50px 0 50px;
}
/* Responsive-Start */
@media(max-width: 1400px) {
	.wrk-sec {
		margin-left: 15px;
	}
}
@media(max-width: 1199px) {
	.custom-contact {
		margin-left: 15px;
		margin-right: 15px;
	}
	.banner h1 {
		font-size: 56px;
		max-width: 930px;
	}
	.bigheading h2 {
		font-size: 50px;
	}
	.diff_blocks .elementor-widget-container {
		min-height: 324px;
	}
}
@media(max-width: 999px) {
	.custom-contact .button {
		padding: 10px 20px !important;
		font-size: 15px !important;
		border-radius: 6px !important;
		min-width: 161px !important;
	}
	.ft_social a:hover svg {
		fill: #fff;
	}
	.ft_social a:hover {
		background: transparent;
		border-color: #fff;
	}
	.btnmail a {
		font-size: 19px;
	}
	.custom-contact {
		padding: 40px 15px;
		margin-bottom: -130px;
	}
	.box_bar {
		padding: 30px;
		border-radius: 15px;
		margin-top: 40px;
	}
	.banner h1 {
		font-size: 48px;
		max-width: 730px;
	}
	.banner > .elementor-container {
		padding: 40px 0 40px;
		height: auto !important;
		min-height: auto !important;
		background-color: #1aa089;
	}
	.banner video {
		position: static !important;
		width: 100% !important;
		display: block;
		height: auto !important;
		transform: unset !important;
	}
	.banner .elementor-background-video-container {
		position: static !important;
	}
	.pad80 {
		padding: 60px 15px;
	}
	.diff_blocks h2 {
		font-size: 20px;
	}
	.diff_blocks .elementor-image-box-img {
		margin-bottom: 30px !important;
	}
	.bigheading h2 {
		font-size: 45px;
	}
	.diff_blocks .elementor-widget-container {
		min-height: 264px;
	}
	.diff_blocks .elementor-image-box-img img {
		max-height: 65px;
	}
	.diff_blocks .elementor-widget-container {
		padding: 70px 40px 50px 40px;
	}
	.diff_blocks .elementor-image-box-img img {
		max-height: 75px;
	}
}
@media(max-width: 767px) {
	.defbtn a:hover, .secbtn a, .hd_menu .elementor-nav-menu > li:last-child > a:hover, .custom-contact .button:hover {
		background: #EDB509;
		color: #000 !important;
	}
	p, li, div, p.elementor-heading-title {
		font-size: 16px;
		line-height: 27px;
	}
	.ft_top {
		border-bottom: 1px solid #ffffff17;
	}
	.copyright_text {
		max-width: 360px;
		margin: 0 auto;
		border-top: unset;
	}
	.ftlogo {
		border-left: unset;
		border-right: unset;
		padding: 30px 30px;
	}
	.ft_top > div {
		padding: 150px 0 40px;
	}
	.ft-logo-col img {
		width: 280px;
	}
	.ft-logo-col {
		order: -1;
	}
	.half-col {
		grid-column: span 12 !important;
	}
	.custom-contact h2 {
		font-size: 37px;
		margin: 0 0 22px;
	}
	.custom-contact h2 {
		font-size: 37px;
		margin: 0 0 32px;
	}
	.banner h1 {
		font-size: 38px;
		max-width: 580px;
	}
	.pad80 {
		padding: 40px 15px;
	}

	.bigheading h2 {
		font-size: 41px;
	}
	.diff_blocks h2 {
		font-size: 18px;
	}
	.diff_blocks .elementor-image-box-img {
		margin-bottom: 20px !important;
	}
	.diff_blocks .elementor-widget-container {
		min-height: 214px;
	}
	.diff_blocks .elementor-widget-container {
		padding: 50px 35px 35px 40px;
	}
	.diff_blocks .elementor-image-box-img img {
		max-height: 60px;
	}
}
@media(max-width: 600px) {
	.header_main img {
		width: 224px;
	}
	.box_bar h2 {
		font-size: 23px;
		line-height: 30px;
	}
	.banner h1 {
		max-width: 400px;
	}
	.bigheading h2 {
		font-size: 33px;
	}
	.diff_blocks .elementor-widget-container {
		padding: 35px 35px 35px 30px;
		border-radius: 20px 20px 20px 20px;
		min-height: auto;
	}
	.wrk-sec {
		margin-left: 0;
	}
	.diff_blocks {
		width: 100% !important;
		margin-left: 0px;
		margin-bottom: 10px !important;
	}
	.diff_blocks:last-child {
		margin-bottom: 0px !important;
	}
}