.mega-menu-wrapper {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    top: 100%;

    width: 92vw;

    max-width: 1400px;

    background: #fff;

    border-radius: 24px;

    padding: 40px;

    opacity: 0;

    visibility: hidden;

    transition: all .3s ease;

    box-shadow:
    0 20px 60px rgba(0,0,0,0.08);

    z-index: 999;
}

.mega-parent:hover .mega-menu-wrapper {

    opacity: 1;

    visibility: visible;

    top: 100%;
    padding: 25px 30px;
}
.header .main-menu li .mega-links .mega-menu-item a{padding:8px 18px 8px 1px}
/* AUTO COLUMNS */

.mega-menu-content {

    display: grid;

    grid-template-columns:
    repeat(auto-fit, minmax(220px, 1fr));

    gap: 35px;
}

.mega-column-title {

    font-size: 20px;

    font-weight: 700;

    margin-bottom: 10px;

   

    padding-bottom: 7px;


    background: linear-gradient(90deg,rgb(43,181,3) 5%,rgb(223,182,1) 20%, rgb(251,33,3) 48%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.single-level-menu .mega-column-title{ color:#041C2F !important;-webkit-text-fill-color:#041C2F; font-size:16px;font-weight:600}

.single-level-menu.mega-parent:hover .mega-menu-wrapper{top:100%;padding:15px !important; border-radius:2px !important; left:0%; }
.header .main-menu li.single-level-menu{ position:relative !important}

.mega-menu-item {

    margin-bottom: 12px;
}

.mega-menu-item a {

    display: block;

    padding: 14px;

    border-radius: 14px;

    text-decoration: none;

    transition: all .3s ease;
}

.mega-menu-item a:hover {

    background: #f9fafb;

    transform: translateX(4px);
}

.mega-item-content h5 {

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 5px;

    color: #111827;
    margin-top:0px;
}

.mega-item-content p {

    font-size: 14px;

    line-height: 1.6;

    color: #6b7280;

    margin: 0;
}
.single-level-menu > .mega-menu-wrapper {
    width: auto !important;
    min-width: 220px !important;
    max-width: 280px !important;
    transform: none !important;
}
.menu-item.mega-parent > a::after,
.menu-item.single-level-menu > a::after {
  display: inline-block;
  content: "";
  width: 7px;
  height: 7px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
  margin-left: 7px;
  vertical-align: middle;
  position: relative;
  top: -3px;
}
.header .main-menu li a:before{
    position: absolute;
                content: '';
                width: 0%;
                height: 2px;
                bottom: 0;
                right: 0;
                background: linear-gradient(90deg,rgb(43,181,3) 5%,rgb(223,182,1) 20%, rgb(251,33,3) 48%);
                transform-origin: right center;
                transition: ease-in-out .3s
}
.header .main-menu li a:hover:before {
                width: 100%;
                left: 0;
            }
            /* =========================
   Header Layout
========================= */

.header-left {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 5px;
}

.header-logo {
    flex-shrink: 0;
}

.header-nav {
    flex: 1;
}

/* =========================
   Search Bar
========================= */

.header-search-bar {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.header-search-bar form {
    margin: 0;
}

.search-box {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 50px;
    overflow: hidden;
    width: 210px;
    height: 39px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.04);
}

.search-box:hover {
    border-color: #46c000;
    box-shadow: 0 6px 20px rgba(70,192,0,0.15);
}

.search-box input {
    border: none;
    outline: none;
    padding: 0 18px;
    width: 100%;
    font-size: 14px;
    background: transparent;
    color: #111827;
}

.search-box input::placeholder {
    color: #9ca3af;
}

.search-box button {
    width: 39px;
    min-width: 39px;
    height: 40px;
    border: none;
    cursor: pointer;
    color: #fff;
    background: linear-gradient(90deg, #46c000, #ff7b00);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
}

.search-box button:hover {
    opacity: 0.9;
}

/* =========================
   Responsive
========================= */

@media(max-width: 1199px){

    .header-search-bar{
        display:none !important;
    }

    .header-left{
        gap:15px;
    }

}
/* =========================
   Premium Contact Button
========================= */

.btn-contact-new{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;

    height:39px;
    padding:0 26px;

    border-radius:50px;

    background:linear-gradient(90deg,#46c000,#ff7b00);

    color:#fff !important;
    font-size:15px;
    font-weight:600;
    text-decoration:none;

    transition:all .35s ease;

    border:none;

    box-shadow:0 10px 25px rgba(255,123,0,.18);

    position:relative;
    overflow:hidden;
}

/* Hover Animation */
.btn-contact-new:hover{

    transform:translateY(-3px);

    box-shadow:0 14px 30px rgba(255,123,0,.28);

    color:#fff !important;
}

/* Shine Effect */
.btn-contact-new::before{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:rgba(255,255,255,.18);
    transform:skewX(-25deg);
    transition:.6s;
}

.btn-contact-new:hover::before{
    left:120%;
}

/* Icon */
.btn-contact-new svg{
    width:18px;
    height:18px;
    flex-shrink:0;
}

/* Header Right Alignment */
.header-right{
    display:flex;
    align-items:center;
    gap:18px;
}

/* Better Header Alignment */
.header-left{
    display:flex;
    align-items:center;
    width:100%;
    gap:10px;
}

/* Responsive */
@media(max-width:1199px){

    .btn-contact-new{
        display:none !important;
    }

}

/* ====================================
   Mega Menu Wrapper
==================================== */

.mega-menu-wrapper{

    width:100%;
    background:#fff;

    border-radius:28px;

    padding:45px;

    box-shadow:0 20px 60px rgba(0,0,0,.08);

    border:1px solid #f1f5f9;
}

/* ====================================
   Grid Layout
==================================== */


.mega-parent.single-level-menu .mega-menu-content{gap:0px;display:inline !important}
.mega-parent.single-level-menu .mega-column-title{ margin-bottom:10px !important}

/* ====================================
   Column Title
==================================== */

.mega-column-title{

    font-size:18px;
    font-weight:700;

    color:#46c000;

    margin-bottom:30px;

    position:relative;
}

.mega-column-title::after{

    content:'';

    position:absolute;

    left:0;
    bottom:-1px;

    width:100%;
    height:1px;

    background:#ececec;
}

/* ====================================
   Menu Item
==================================== */

.mega-menu-item{

    margin-bottom:22px;
}

.mega-menu-item a{

    text-decoration:none;
}

/* ====================================
   Icon + Content
==================================== */

.mega-menu-icon-text{

    display:flex;

    align-items:flex-start;

    gap:16px;

    transition:.3s ease;
}

/* ====================================
   Icon Box
==================================== */

.mega-icon-box{

    width:34px;
    height:34px;

    min-width:34px;

    border-radius:3px;

    background:#f7f8fa;

    display:flex;

    align-items:center;
    justify-content:center;

    transition:.3s ease;
}

/* ====================================
   Font Icon
==================================== */

.mega-icon-box i{

    font-size:24px;

    color:#111827;

    transition:.3s ease;
}

/* ====================================
   Custom Image Icon
==================================== */

.mega-icon-box img{

    width:26px;
    height:26px;

    object-fit:contain;
}

/* ====================================
   Content
==================================== */

.mega-item-content p{

    font-size:14px;

    color:#6b7280;

    line-height:1.6;

    margin:0;
}

/* ====================================
   Hover Effects
==================================== */

.mega-menu-item:hover .mega-icon-box{

    background:linear-gradient(135deg,#46c000,#ff7b00);

    transform:translateY(-3px);
}

.mega-menu-item:hover .mega-icon-box i{

    color:#fff;
}

.mega-menu-item:hover h5{

    color:#46c000;
}

/* ====================================
   Responsive
==================================== */

@media(max-width:991px){

    .mega-menu-content{

        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:767px){

    .mega-menu-content{

        grid-template-columns:1fr;
    }

    .mega-menu-wrapper{

        padding:25px;
    }
}
.mega-icon-box i{ margin-right:0px !important;opacity:0.75; font-size:22px !important}
    .mega_retunr_icon{ background-image:url('https://www.shipeak.com/wp-content/uploads/2026/05/Shipment-Remix.png'); width:25px; height:25px}