.main-header{background-color: var(--bg-dark);
    position: relative;
    z-index: 2;
    overflow-x: clip;
    overflow-y: visible;}.site-logo img{width: 310px;
    max-height: 74px;
    object-fit: contain;}.main-header .site-logo a{display: inline-flex;
    align-items: center;
    justify-content: center;}.sticky-header{display: none;}.default-btn{background: linear-gradient(135deg, var(--primary-color) 0%, #0c7ab4 100%);
    box-shadow: 0 12px 24px rgba(13, 95, 140, 0.2);}.default-btn:hover{background: linear-gradient(135deg, #0b516f 0%, #0d5f8c 100%);}.main-header .nav-menu > li > a{font-weight: 600;}@media (max-width: 767px){.site-logo img{width: 220px;
        max-height: 56px;}}.site-logo{position: relative;
    height: 100%;
    display: flex;
    align-items: center;}.menu-right-item{display: flex;
    align-items: center;
    column-gap: 15px;
    height: 100%;}.menu-right-item > div{height: 100%;
    display: flex;
    align-items: center;}.menu-right-item .dl-search-icon{clip-path: polygon(0 0, 100% 0, 100% 70%, 80% 100%, 0 100%);
    margin-top: 5px;}@media (max-width: 767px){.menu-right-item .dl-search-icon{display: none;}}.menu-right-item .default-btn{margin-left: 10px;
    padding: 15px 30px;}@media (max-width: 1170px){.menu-right-item .default-btn{padding: 20px 25px;}}.menu-right-item .mobile-menu-icon{display: none;}@media (min-width: 993px){.sticky-header .header-menu-wrap ul{padding-left: 0;}.header-menu-wrap{display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        padding-left: 80px;}.header-menu-wrap:before{background-color: var(--white-color);
        width: 6000px;
        height: 100%;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;}.header-menu-wrap ul{margin: 0;
        padding: 0;
        list-style: none;}.header-menu-wrap ul li{display: inline-block;
        position: relative;
        padding: 30px 0;
        margin-right: 30px;}.header-menu-wrap ul li > a{font-family: var(--primary-font), sans-serif;
        color: var(--heading-color);
        display: block;
        font-size: 16px;
        letter-spacing: -0.2px;
        font-weight: 700;
        text-transform: capitalize;
        padding: 0;
        margin: 0;
        line-height: 1;
        text-decoration: none;
        -webkit-font-smoothing: antialiased;
        position: relative;
        z-index: 1;}.header-menu-wrap li ul{background-color: var(--white-color);
        box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 10%);
        border-radius: 0;
        width: 220px;
        padding: 0;
        display: block;
        position: absolute;
        left: -35px;
        top: 70px;
        opacity: 0;
        visibility: hidden;
        z-index: 0;
        -webkit-transform: perspective(300px) rotateX(-18deg);
        transform: perspective(300px) rotateX(-18deg);
        -webkit-transition: all 0.2s;
        transition: all 0.2s;}.header-menu-wrap li:hover > ul{-webkit-transform: perspective(300px) rotateX(0deg);
        transform: perspective(300px) rotateX(0deg);
        opacity: 1;
        visibility: visible;
        top: 75px;
        z-index: 99;}.header-menu-wrap li li{display: flex;
        justify-content: space-between;
        padding: 15px 20px;
        margin: 0;
        border-bottom: 1px solid #ddd;
        text-align: left;
        position: relative;
        transition: all 0.2s ease-in-out;}.header-menu-wrap li li:last-child{margin: 0;
        border-bottom: 0;}.header-menu-wrap li li > a{font-family: var(--body-font);
        color: var(--heading-color);
        display: block;
        height: auto;
        line-height: inherit;
        font-weight: 500;
        font-size: 15px;
        text-transform: capitalize;
        line-height: 20px;
        letter-spacing: -0.2px;
        width: 100%;
        -webkit-font-smoothing: antialiased;}.header-menu-wrap li li:before{background-color: var(--bg-grey);
        content: "";
        width: 0;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        transition: width .5s linear;}.header-menu-wrap li li:hover:before{width: 100%;}.header-menu-wrap li li:after{background-color: var(--primary-color);
        width: 3px;
        height: 100%;
        content: "";
        position: absolute;
        left: 0px;
        top: 0;
        visibility: hidden;
        opacity: 0;
        transition: all .2s cubic-bezier(.75, 0, .175, 1);}.header-menu-wrap li li:hover:after{visibility: visible;
        opacity: 1;}.header-menu-wrap li li > a:hover{color: var(--heading-color);}.header-menu-wrap li ul li ul{width: 220px;
        position: absolute;
        left: 100%;
        top: 0;}.header-menu-wrap li ul{display: block !important;}.sticky-header{background-color: var(--white-color);
        width: 100%;
        position: fixed;
        left: 0;
        top: 0;
        display: block;
        transform: translateY(-100%);
        z-index: 99;}.sticky-header.sticky-fixed-top{transition: transform 1s ease;
        will-change: transform;}.sticky-header.sticky-fixed-top{transform: translateY(0);
        box-shadow: 0 10px 60px rgb(0 0 0 / 10%);}.sticky-header.sticky-fixed-top .header-menu-wrap .nav-menu > li{padding: 32px 0;}.sticky-header.sticky-fixed-top .header-menu-wrap li:hover > ul{top: 79px;}}@media all and (max-width: 1200px) and (min-width: 993px){.header-menu-wrap{padding-left: 70px;}.header-menu-wrap ul li{margin-right: 20px;}}.mobile-navigation-menu{display: none;}@media (max-width: 992px){.header-menu-wrap{position: relative;
        padding: 9px 0;}.header-menu-wrap::before{background-color: #fff;
        width: 3000px;
        height: 100%;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;}.header-menu-wrap .nav-menu{display: none;}.menu-right-item .mobile-menu-icon{background-color: var(--bg-grey);
        font-size: 20px;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        cursor: pointer;}.menu-right-item .mobile-menu-icon i{color: var(--heading-color);}#mobile-menu-close{color: var(--heading-color);
        position: absolute;
        right: 15px;
        top: 20px;
        width: 60px;
        height: 60px;
        font-size: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;}#mobile-menu-close:hover{color: var(--primary-color);}.mobile-navigation-menu{background-color: rgba(255, 255, 255, 1);
        border-right: 1px solid #eee;
        position: fixed;
        left: -100%;
        top: 0;
        width: 400px;
        height: 100vh;
        padding: 100px 0 50px;
        box-shadow: var(--shadow-sm);
        display: block;
        visibility: hidden;
        opacity: 0;
        transition: all .3s linear;
        z-index: 1000;}.open-mobile-menu.mobile-navigation-menu{left: 0;
        visibility: visible;
        opacity: 1;
        transition: all .3s linear;}.mobile-navigation-menu .dropdown-plus{width: 100px;
        height: 49px;
        line-height: 49px;
        position: absolute;
        top: 2px;
        right: 32px;
        cursor: pointer;
        z-index: 1;}.mobile-navigation-menu .dropdown-plus:before,.mobile-navigation-menu .dropdown-plus:after{position: absolute;
        content: "";
        top: 21px;
        right: 10px;
        width: 10px;
        height: 2px;
        background-color: var(--bg-dark);}.mobile-navigation-menu .dropdown-plus:after{-webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);}.mobile-navigation-menu .dropdown-plus.dropdown-open:after{display: none;}.mobile-navigation-menu ul{padding-left: 0;}.mobile-navigation-menu ul li{position: relative;
        margin: 0;
        display: block;
        padding: 0;}.mobile-navigation-menu ul li > a{font-family: var(--primary-font);
        color: var(--heading-color);
        display: block;
        padding: 15px 40px;
        font-size: 16px;
        line-height: 1;
        font-weight: 700;}.mobile-navigation-menu ul li:hover > a,.mobile-navigation-menu li li:hover > a{color: var(--primary-color);}.mobile-navigation-menu ul li ul li ul,.mobile-navigation-menu ul li ul{background-color: transparent;
        width: 100%;
        opacity: 1;
        padding: 0;
        visibility: visible;
        position: inherit;
        display: none;
        top: inherit;
        left: inherit;
        box-shadow: none;}.mobile-navigation-menu li li{padding: 0 20px;}.mobile-navigation-menu li li{padding-left: 10px;}.mobile-navigation-menu li li:last-child{border-bottom: none;}.mobile-navigation-menu li li > a{color: var(--body-color);
        font-weight: 500;
        font-size: 15px;
        padding: 14px 20px 14px 40px;}.menu-right-item{justify-content: flex-end;}}@media (max-width: 600px){.mobile-navigation-menu{width: 80%;}}#popup-search-box{position: fixed;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    white-space: nowrap;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 500ms ease all;
    -moz-transition: 500ms ease all;
    transition: 500ms ease all;}.open-search-box #popup-search-box{opacity: 1;
    visibility: visible;}#searchbox-overlay{height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: all 0s ease-in-out;
    width: 100%;
    z-index: -1;}.open-search-box #searchbox-overlay{opacity: 1;
    z-index: 1002;
    cursor: none;
    transition: all 0.6s ease-in-out;
    transition-delay: 0.3s;}.search-close{color: var(--heading-color);
    font-size: 30px;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.165, 0.85, 0.45, 1);}.search-close:hover{color: var(--primary-color);
    transform: scale(1.1);}.project-carousel{overflow: hidden;}.counter-item{display: flex;
    align-items: center;}.quote-section{background-image: url(../img/shipx/pale-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;}.quote-section.quote-2{background-image: url(../img/shipx/pale-bg.jpg);}.quote-form{background-color: var(--white-color);
    box-shadow: var(--box-shadow);
    border-radius: 2px;
    padding: 40px;
    width: 550px;
    position: absolute;
    right: 0;
    top: -50px;
    z-index: 9;}.quote-form-group{display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;}.quote-form-group .form-field:nth-child(8),.quote-form-group .form-field:nth-child(7){grid-column: span 2;}.quote-form-group .form-field .form-control{height: 50px;
    border: 1px solid #eee;
    border-radius: 0;
    color: var(--heading-color);}.quote-form-group .form-field textarea.form-control{height: 80px;}#form-messages,#q-form-messages{margin-top: 30px;
    margin-bottom: 0;}@media (max-width:992px){.quote-form{position: inherit;
        width: 100%;
        top: 0;
        margin-top: 40px;}}@media (max-width:767px){.quote-form{padding: 50px 20px;}}.testimonial-carousel{overflow: hidden;}.sponsor-carousel{overflow: hidden;}.hero-section{background-image: url(../img/shipx/hero-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 650px;
    display: flex;
    align-items: center;
    position: relative;}.hero-content .section-heading h2{font-size: 58px;
    line-height: 68px;}.hero-content .section-heading p{font-size: 18px;
    font-weight: 500;
    color: #333;}@media (max-width: 767px){.hero-section{height: auto;
        padding: 100px 10px;}.hero-content .section-heading h2{font-size: 32px;
        line-height: 42px;}}.service-featured-img img{width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center;
    border-radius: 2px;
    margin-bottom: 20px;}.service-features{display: flex;
    align-items: center;
    gap: 40px;
    margin: 20px 0;}@media (max-width: 767px){.service-details h2{font-size: 28px;
        line-height: 32px;}.service-features{display: block;}.service-features .check-list:first-child{margin-bottom: 20px;}}.accordion-item{border: none;
    border: none;
    overflow: hidden;}.accordion-item:not(:first-of-type){margin-top: 20px;}.accordion-item,.accordion-item:first-of-type,.accordion-item:last-of-type{border-radius: 0;
    outline: none;
    box-shadow: none;}@keyframes progress-bar-anim{
    0% {
        width: 0%;
    }

    100% {
        width: var(--progress-bar-count);
    }
}.contact-info-list li{display: grid;
    grid-template-columns: 60px 1fr;
    align-items: center;
    gap: 20px;}.contact-info-list li:not(:last-of-type){margin-bottom: 30px;}.contact-info-list li i{background-color: var(--primary-color);
    color: var(--white-color);
    font-size: 25px;
    width: 60px;
    height: 60px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;}.contact-info-list li h3{color: var(--heading-color);
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    line-height: 1;}.contact-info-list li h3 span{color: var(--body-color);
    display: block;
    font-weight: 500;
    margin-top: 10px;}.error-page{position: relative;}.error-wrapper{text-align: center;}.error-wrapper img{width: 500px;
    margin-bottom: 40px;}.error-wrapper p{margin-bottom: 30px;}.footer-logo img{width: 200px;
    margin-bottom: 20px;}@keyframes running-anim{
    0% {
        right: -30%;
    }

    100% {
        right: 100%;
    }
}@keyframes running-anim-left{
    0% {
        left: -30%;
    }

    100% {
        left: 100%;
    }
}