.hover-fill-1 {
            position: relative;
            display: inline-block;
            padding: 1em 2em;
            overflow: hidden;
            cursor: pointer;
            z-index: 0;

        }

        /* Smooth background fill from left to right */
        .hover-fill-1::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0%;
            width: 0%;


            z-index: -1;
            transition: width 0.7s ease-in-out;
            /* smoother transition */
        }

        /* On hover */
        .hover-fill-1:hover::before {
            width: 100%;
            opacity: .6;
        }

        /* Optional: change text color on hover */
        .hover-fill-1:hover {
            color: white;
        }

        .hover-fill-1:hover h2 {
            color: white;
        }
        .service-details{
            padding-bottom: 60px;
           
        }
        .about-two{
            padding: 0;
        }
        .about-three{
            padding-top: 60px;
         
        }
        .service-details__content{
            margin-left: 0;
            max-width: 100%;
        }
            .col-xl-12{
                padding: 0;
            }
            .about-three__content{
                margin-left: 0;
            }
            .about-three-vessel {
    position: relative;
    display: block;
    background: var(--logistiq-white);
    padding: 0px 0px 120px;

}
.about-two-detail{
padding-bottom: 70px;
}
.cta-one__inner{
    margin: 0 15px;;
}
@media only screen and (min-width: 992px) and (max-width: 1199px){

}
            @media only screen and (max-width: 1199px) {
    .about-three__content{
        margin-top: 20px;
    }
}
.about-two__img{
    max-width: 86%;
    margin-left: 0px;
}
.about-two__img1{
    max-width: 100%;
}
.about-two__img .shape2{
    right: -102px;
    z-index: 5;
}
.icon img{
   width: 40px;
    transition: transform 0.5s ease;
}
.about-three__content-list:hover .icon img{
    transform: scaleX(-1);
}
.about-two__img .shape3{
    left: -65px;
    bottom: -65px;
}
.about-two__counter{
    right: 0;
}
.sec-title{
    padding-bottom: 20px;
}
.contact-transport{
        padding: 6% 15px 6%;
    }
    b{
        color: #1f1f1f;
    }
    .about-three__content-list ul li .content-box .initial-font{
        text-transform: initial;
    }



    @media only screen and (max-width: 991px){
    
    .col-xl-4{
        padding: 0;
    }
    .col-xl-8{
        padding: 0;
    }
   
    .cta-one__inner{
        margin: 0;
    }
    .page-header .container{
        padding-left: 15px;
    }
    .page-header__inner .thm-breadcrumb li{
        margin-right: 0;
    }

}