body {

    background: #FFF;

    overflow-x: hidden;
    
    font-family: DMSans-Regular;

}

.overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 100000000;

    .overlayDoor {

      &:before, &:after {

        content: "";

        position: absolute;

        width: 50%;

        height: 100%;

        background: #FFF;

        transition: 2s cubic-bezier(.77,0,.18,1);

        transition-delay: .5s;

      }

      &:before {

        left: 0;

      }

      &:after {

        right: 0;

      }

    }

    .overlayContent {

      position: relative;

      width: 100%;

      height: 100%;

      left: -400px;

      display: flex;

      justify-content: center;

      align-items: center;

      flex-direction: column;

      transition: 5s cubic-bezier(.77,0,.18,1);

    }

  }

/*.loader {

    display: flex;

    justify-content: center;

    align-items: center;

    background-repeat: no-repeat;

    background-image: url(../images/gomax_loader.png);

    position: absolute;

    bottom: 30%;

    left: 100%;

    width: 400px;

    height: 240px;

    background-color: #fff;

    animation: gomaxlogoanimation 5s linear infinite;

    -moz-animation: gomaxlogoanimation 5s linear infinite;

    -webkit-animation: gomaxlogoanimation 5s linear infinite;

    -ms-animation: gomaxlogoanimation 5s linear infinite;

    -o-animation: gomaxlogoanimation 5s linear infinite;

    margin-left: auto;

    margin-right: auto;

    @media(min-width: 992px) {

        position: absolute;

        bottom: 30%;

        left: 64%;

        width: 594px;

        height: 334px;

    }

} */

@keyframes gomaxlogoanimation {

    0% { 

        background-position: -400px 0;

    }

    50% { 

        background-position: 0 0;

    }

    100% { 

        background-position: 100% 100%;

    }

}



.home-slider {

    position: relative;

}

.home-slider .owl-carousel .owl-nav.disabled, .home-slider.owl-carousel .owl-dots.disabled {

    display: none;

}

 .home-slider .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot.owl-nav {

    position: absolute;

    left: 10% !important;

    top: 50% !important;

    background-color: var(--base-color) !important;

    display: block;

    padding: 0 .3em !important;

    font-size: 50px;

    margin: 0;

    cursor: pointer;

    color: #fff;

    transform: translate(-50%, -50%);

    z-index: 1;

    border: 0 !important;

}

.home-slider .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot.owl-nav {

    position: absolute;

    right: -35px !important;

    top: 50% !important;

    left: 90% !important;

    background-color: var(--base-color) !important;

    display: block ;

    padding: 0 .3em !important;

    font-size: 50px ;

    margin: 0;

    cursor: pointer;

    color: #fff;

    transform: translate(-50%, -50%);

    z-index: 1;

    border: 0 !important;

}

.home-slider .owl-theme .owl-dots {

    position: absolute;

    bottom: 5px;

    text-align: center;

    left: 50%;

    transform: translate(-50%, -50%);

    @media (min-width:992px) {

        bottom: 35px;

    }

}

.home-slider .owl-theme .owl-dots .owl-dot span {

    background: #FFF;

}

.home-slider .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{

    background: #F45500;

}

.home-banner {

    background-image: url("../images/slide_one.jpg");

    position: relative;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    z-index: 11;

    max-width: 100%;

    height: 200px;

    @media (max-width: 578px) and (min-width: 768px) {

        height: 500px;

    }

    @media (min-width:992px) {

        height: 616px;

    }

}

.home-overlay {

    position: relative;

    top: 0;

    left: 0;

    opacity: 0.8;

    min-height: 100%;

    background: linear-gradient(90deg, #5E584E 0%, rgba(94, 88, 78, 0.00) 100%);

}

.text-caption {

    color: #FFF;

    position: absolute;

    margin: 0;

    left: 50%;

    top: 50%;
    

    transform: translate(-50%, -50%);

    @media (min-width: 992px) {

        background-color: rgba(0,0,0,0.50);

        padding: 50px;

        left: 40%;

    }

}

.max-text {

    font: normal 500 15px DMSans-bold;

    max-width: 450px;

    @media (min-width: 768px) {

        font: normal 500 20px DMSans-bold;

    }
    @media (min-width: 992px) {

        font: normal 500 34px DMSans-bold;

    }

}

.Logistic-text {

    font: normal 500 12px DMSans-regular;

    max-width: 610px;
}

    @media (min-width: 992px) {
        .Logistic-text  {
            font: normal 500 20px DMSans-regular;
        }
    }


.service {

    padding: 30px 0px 35px 0px;

    @media (min-width: 992px) {

        padding: 70px 0px 75px 0px;

    }

}

.delivery {

    position: relative;

    top: 0;

    left: 0;

}

.trans {

    padding-top: 100px;
padding-left:30px;

    @media  (min-width:992px) {

        padding-top: 0px;
padding-left:10px;

    }

}

.man_one {

    position: relative;

    top: 0px;

    left: 20px;

    @media (min-width:992px) {

        top: 0;

        left: 25%;

    }

}

.man_two {

    position: absolute;

    top: 50%;

    left: -5px;

    @media (min-width:992px) {

        top: 60%;

        left: 30px;

    }

}

.about {

    color: #000;

    font: normal 400 20px/25px DMSans-Regular;

    margin-bottom: 11px;

}

.world {

    color: #000;

    font: normal 700 42px/normal DMSans-bold;

    margin-bottom: 20px;

}

.logistics {

    color: #F45500;

    font: normal 700 42px/38px DMSans-bold;

}

.left-border {

    border-right: 1px solid #9E9E9E;

    width: 1px;

    height: 108px;

}

.experience {

    color: #1B2767;

    font: normal 500 14px/24px DMSans-medium;

    text-transform: capitalize;

    margin: 14px 0px;

}

.long {

    color: #000;

    font: normal 400 20px/24px DMSans-Regular;

    padding-left: 30px;

    text-transform: capitalize;

}

.img-text {

    color:#575757;

    font: normal 400 18px/24px DMSans-Regular;

    text-transform: capitalize;

    margin-top: 30px;
    padding-left: 15px;
    padding-right: 15px

}

.read-btn {

    max-width: 150px;;

    background-color: #F45500;

    Padding: 13px 30px 13px 30px;

}

.readmore {

    color: #FFF;

    font: normal 500 14px DMSans-medium;

    text-align: center;

    background-color: #F45500;

}

.professional {

    background-color: #F5F7FF;

}

.professional-header {

    padding-top: 119px;

    padding-bottom: 70px;

}

.best {

    color: #000;

    font: normal 400 20px DMSans-Regular;

    margin-bottom: 11px;

}

.professional-para {

    color: #575757;

    font: normal 400 18px/26px DMSans-Regular;

    text-transform: capitalize;

}

.pricing {

    color: #000;

    font: normal 500 13px/26px DMSans-medium;

    text-transform: capitalize;

    vertical-align: middle;

    width: 175px;

    @media (min-width:992px) {

        font: normal 500 20px/26px DMSans-medium;

    }

}

.pricing-border {

    border: 1px solid #F45500;

    width: 50px;

    height: 50px;

}

.price {
    margin: 10px;
    height: 30px !important;

}

.shipment {

    background: url(../images/shipment.png) no-repeat center center / cover;

}

.shipment-background {

    background-color: rgba(96, 39, 8, 80%) ;

}

.shipment-space {

    padding: 115px 0px 133px 0px;

}

.control {

    color: #FFF;

    font: normal 700 42px/50px DMSans-bold;

    margin-bottom: 20px;

}

.fact {

    color: #FFF;

    font: normal 400 18px/26px DMSans-Regular;

    padding: 5px 0px 44px 0px;

    text-transform: capitalize;

}

.number {

    color: #FFF;

    font: normal 500 52px/26px DMSans-medium;

    text-transform: capitalize;

    margin-bottom: 10px;

}

.package {

    color: #FFF;

    font: normal 400 16px/26px DMSans-Regular;

    margin-bottom: 10px;

    text-transform: capitalize;

}

.right-border {

    border-right: 0;

    @media (min-width: 768px) {

        width: 1px;

        border-right: 1px solid #FFF;

    }

}

.testmonials {

    background: url(../images/Mask-group.png)  no-repeat center center / cover;

}

.test {

    color: #000;

    font: normal 400 20px/26px DMSans-Regular;

    margin-bottom: 11px;

}

.clients {

    color: #000;

    font: normal 700 42px/40px DMSans-bold;

    margin-bottom: 22px;

}

.reader {

    color: #575757;

    font: normal 400 18px/26px DMSans-Regular;

    text-transform: capitalize;

    max-width: 380px;

}

.testmonials .card {

    height: 280px; 

} 

.card-text {

    color: #000;

    font: normal 400 16px/26px DMSans-Regular;

    text-transform: capitalize;

    overflow: hidden;

}

.name {

    color: #000;

    font: normal 500 18px/26px DMSans-medium;

    text-transform: capitalize;

}

.client {

    color: #575757;

    font: normal 400 12px/26px DMSans-Regular;

}

.testmonials .owl-carousel .owl-item img {

    width: 38px;

}

.testmonials .owl-carousel .owl-nav.disabled {

    display: none;

}

.testmonials .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev {

    position: absolute;

    left: 1.5rem !important;

    bottom: -6.3rem !important;

    text-align: center;

    top: auto !important;

    background-color: #FFF !important;

    display: block;

    padding: 0.1em 0.3em !important;

    font-size: 20px;

    font-weight: bold;

    margin: 0;

    cursor: pointer;

    border: 1px solid #F45500 !important;

    border-radius: 0 !important;

    color: #F45500;

    z-index: 1;

    width: 44px;

    height: 44px;

}

.testmonials .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next {

    position: absolute;

    top: auto !important;

    left: 5rem !important;
    
    bottom: -6.3rem !important;

    z-index: 10;

    text-align: center;

    background-color: #FFF !important;

    display: block;

    padding: 0 0.3em !important;

    font-size: 20px;

    font-weight: bold;

    margin: 0;

    cursor: pointer;

    border: 1px solid #F45500 !important;;

    border-radius: 0 !important;;

    color: #F45500;

    width: 44px;

    height: 44px;

}

.apps {

    background: url(../images/apps.png)  no-repeat center center / cover;

    margin-bottom: 75px;

}

.apps-background {

    background-color: rgba(94,88,78, 0.8);

}

.app-wrapper {

    padding-top: 75px;

}

.avail {

    padding-top: 45px;

    padding-bottom: 20px;

    @media (min-width:992px) {

        padding-top: 85px;  

    }

}

.avail-heading {

    color: #FFF;

    font: normal 400 20px/26px DMSans-Regular;

    margin-bottom: 11px;

}

.avail-subheading {

    color: #FFF;

    font: normal 700 42px/normal DMSans-bold;

    margin-bottom: 18px;

}

.avail-para {

    color: #FFF;

    font: normal 400 18px/26px DMSans-Regular;

    text-transform: capitalize;

    margin-bottom: 21px;

    max-width: 550px;

}

.logos {

    margin-bottom: 75px;

}

.logo-borders {

    border: 1px solid #B4B4B4;

    padding: 10px;

    /* max-width: 175px; */

    height: 100%;

    object-fit: cover;

    margin-bottom: 30px;

}