/**
 * Theme Name:     World Cargo
 * Author:         World Cargo
 * Template:       hello-elementor
 * Text Domain:	   world-cargo
 * Description:    World Cargo
 */

/****************************** REMOVE COMMON P MARGIN START ******************************/
.common-details p:last-child{
  margin-bottom: 0 !important;
}
/****************************** REMOVE COMMON P MARGIN END ******************************/

/****************************** HEADER START ******************************/
.header-menu nav{
  width: 100% !important;
}
/****************************** HEADER END ******************************/

/****************************** FOOTER START ******************************/
.footer-menu .hfe-nav-menu__layout-vertical ul li a{
  display: inline !important;
  position: relative !important;
}
.footer-menu .hfe-nav-menu__layout-vertical ul li a::after{
  content: '' !important;
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  opacity: 1 !important;
}
.footer-menu .hfe-nav-menu__layout-vertical ul li a:hover::after{
  width: 100%;
  opacity: 1 !important;
}
.footer-menu .hfe-nav-menu__layout-vertical ul li.current-menu-item a::after{
  width: 100% !important;
}
.contact-info-list .elementor-icon-list-item a:hover .elementor-icon-list-text{
  color: #F77C2D !important;
}
/****************************** FOOTER END ******************************/

/****************************** MEDIA QUERIES START ******************************/
@media( max-width: 1024px){
  .footer-menu .hfe-nav-menu__layout-vertical ul li:not(:last-child){ margin-bottom: 5px !important; }
}
@media(max-width: 767px){
  .header-menu .hfe-nav-menu-icon{padding: 0;}
  .header-menu .hfe-nav-menu__toggle{width: fit-content;}
  .header-menu .hfe-nav-menu{width: 40px !important;}
  .header-menu .hfe-nav-menu__toggle.hfe-active-menu{z-index: 99999 !important;}
  .header-menu .hfe-nav-menu__toggle.hfe-active-menu .hfe-nav-menu-icon svg {fill: #000000 !important;}
  .header-menu nav{ width: 100% !important; position: fixed !important; left: 100% !important; top: 0 !important;  height: 100vh !important; transition:all 0.5s ease-in-out !important ; -webkit-transition:all 0.5s ease-in-out !important ; -moz-transition:all 0.5s ease-in-out !important ; -ms-transition:all 0.5s ease-in-out !important ; -o-transition:all 0.5s ease-in-out !important; padding: 100px 50px !important;  display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; }
  .header-menu nav.menu-is-active{left: 0 !important; overflow-y: auto !important; }
  .header-menu nav ul{ width: fit-content !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; text-align: center !important; margin: 0 !important;}
  .header-menu nav ul li:not(:last-child){margin-bottom: 15px !important;}
  .header-menu nav ul li a{display: inline !important;}
}
@media(max-width: 575px){
  .footer-detail-grid{--e-con-grid-template-columns: repeat(1, 1fr) !important;}
  .mobile-get-quote-btn{display: none !important;}
}
/****************************** MEDIA QUERIES END ******************************/