p{
    font-family: 'Inter', sans-serif;
    font-size: 14px;
}
h3{
    font-size: 26px;
    font-weight: bold;
}
.address-bar{
    background-image: -webkit-gradient(linear,left top,right top, from(rgb(202 134 176 / 65%)),color-stop(50%,rgb(51 89 158 / 71%)),to(rgb(0 0 0 / 28%)));
}
.floting-tag{
    position: fixed;
    z-index: 999;
    top: 50%;
    background-color: #33599e;
    color: #fff;
    font-weight:bold;
    padding: 10px 7px 6px 4px;
    writing-mode: vertical-rl;
    text-orientation: mixed;cursor: pointer;
}
.buttom-home{
    margin-top: 35px;
    width: 115px;
    padding: 10px 20px 10px 20px;
    transform: skewx(8deg);
    background-color: #33599e;
    transition: transform .5s;
    box-shadow: 0 -2px 0 0 rgb(24 24 24 / 15%) inset;
}
.buttom-home:hover{
    background-color: #9c5598;
    transform: skewx(0deg);
}
.buttom-home:hover p{
    transform: skewx(0deg);
}
.buttom-home p{
    margin-bottom: 0px;
    transform: skewx(-8deg);
}
.buttom-home a{
    color: #fff;
    font-weight: 700;
}
body{
    font-family: 'Inter', sans-serif !important;
}
.blog .col-md-4{
    padding-bottom: 15px;
}
.address-bar li{
    display: inline-block;
    padding-right: 30px;
    border-right: 1px solid #fff;
    color: #fff;
    font-size: 14px;
}
.address-bar ul{
    padding-top: 15px;
    margin-left: -25px;
    
}
.address-bar i{
    color: #33599e;
    font-size: 14px;
    margin-right: 5px;
}
.tracking{
    float: right;
    background-color: #33599e;
    padding: 15px 30px 15px 30px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}
.tracking:hover{
    color: #fff;
    text-decoration: underline;
}
.menu .nav-item{
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    margin-right: 20px
}
.menu img{
    width: 50%;
}
.navbar-light .navbar-nav .nav-link {
    color: rgb(51 89 158) !important;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgb(202 134 176) !important;
    border-bottom: 1px solid #ca86b0;
    font-weight: bold;
}
.navbar{
    padding-top: 0px;
    padding-bottom: 0px;
}
.front-promo__layout{
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: -webkit-gradient(linear,left top,right top,
    from(rgb(202 134 176 / 100%)),color-stop(50%,rgb(51 89 158 / 58%)),to(rgba(0,0,0,.15)));
}
.align-container{
    background-image: url(../images/imagetruck.jpg);
    background-size: cover;
    height: 80vh;
    background-repeat: no-repeat;   
}
.align-container2{
    background-image: url(../images/3rdimage.jpg);
    background-size: cover;
    height: 80vh;
    background-repeat: no-repeat;   
}
.align-container3{
    background-image: url(../images/truck.jpg);
    background-size: cover;
    height: 80vh;
    background-repeat: no-repeat;   
}
.align-container__item{
    position: relative;
    top: 40%;
}
.align-container__item h2{
    color: #fff;
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
}
.align-container__item p{
    color: #fff;
    margin-top: 25px;
}
.image-size{
    background-color: #f3f6f5;
}
.sahl-desktop1{
    color: transparent;
    font-size: 150px;
    line-height: .85;
    font-weight: 700;
    letter-spacing: -.050em;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255,255,255,.35);
    position: absolute;
    left: 150px;
    top: -180px;
    font-family: sans-serif;
}
.sahl-desktop2, .sahl-desktop3{
    color: transparent;
    font-size: 150px;
    line-height: .85;
    font-weight: 700;
    letter-spacing: -.050em;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255,255,255,.35);
    position: absolute;
    left: 250px;
    top: -180px;
    font-family: sans-serif;
}
.banner{
    position: relative;
    top: -180px;
}
.banner-slider .owl-nav{
    display: none;
}
.home-services-h2{
    color: transparent;
    font-size: 75px;
    line-height: .85;
    font-weight: 700;
    letter-spacing: -.050em;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgb(229 229 229 / 29%);
    position: absolute;
    left: 0;
    top: 0px;
    font-family: sans-serif;
}
.services-images img{
    width: 50%;
    /* filter: hue-rotate(42deg); */
}
.image-test{
    text-align: center;
    margin-bottom: 35px;
}
.services-images-h2{
    color: transparent;
    font-size: 55px;
    line-height: .85;
    font-weight: 700;
    letter-spacing: -.050em;
    /* -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgb(229 229 229 / 38%); */
    position: absolute;
    left: 15px;
    top: 123px;
    font-family: sans-serif;
    color: #33599e75;
    display: none;
}
/* .services-images h5{
    font-weight: 800;
    position: absolute;
    left: 84px;
} */
.services-images .col-md-3{
    margin-top: 20px;
}
.about-background{
    background-image: -webkit-gradient(linear,left top,right top, from(rgb(202 134 176 / 65%)),color-stop(50%,rgb(51 89 158 / 71%)),to(rgb(0 0 0 / 28%)));
}
.about-text{
    color: #fff;
    margin-top: 30px;
}
.feature-background{
    background-color: #f3f6f5;
}
.feature-background h5{
    font-weight: 700;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.feat{
    background-color: #fff;
    width: 70px;
    transform: skewx(8deg);
    padding: 10px;
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
}
.feat img{

    width: 100%;
    transform: skewx(-8deg);
}
.blog{
    background-color: #f3f6f5;
}
.article__lower {
    padding: 22px 30px 25px 30px;
    background-color: #fff;
}
.blog-div{
    clip-path: polygon(92% 0,100% 7%,100% 100%,0 100%,0 0);
}
.blog-img{
    overflow: hidden;
}
.blog-img img{
    width: 100%;
    transition: transform .5s;
}
.blog-img img:hover{
    transform: scale(1.20); 
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #33599e !important;
}
.owl-nav{
    display: none;
}


/* footer start */
 /* heading start */
 .footer-1{
    background-color: #33599e;
    bottom: 0px;
    width: 100%;
    left: 0; right: 0;
    padding: 45px 0;
  
  }
  .hed h4{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
  }
  .footer-1 .hed h4{
    color: white;
    /*border-right-style: solid;*/
    }
    /* headeing end */
    /* section car start */
    .border-1{
        border-right-style: solid;
        border-left-style: solid;
        border-color: white;
        padding: 0px 9px 0px 10px;    
    }
    .footer-2{
        background-image: -webkit-gradient(linear,left top,right top, from(rgb(202 134 176 / 65%)),color-stop(50%,rgb(51 89 158 / 71%)),to(rgb(0 0 0 / 28%)));
        width: 100%;
        left: 0; right: 0;
        padding-top: 25px;
    }
    .footer-2 .texts{
        color: #fff;
        position: absolute;
        padding-left: 7px;
    }
    .footer-2 .border-hed{
        color: #ffffff;;
    }
    .text-2{
  color: #fff;
  font-size: 12px;
    }
    .texts{
  color: #fff;
  font-size: 12px;
  font-weight: 400;
    }
    @media (min-width: 768px){
  .imge{
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-right: 0px !important;
  padding-left: 15px !important;
  }
  .desk{
      font-weight: bold;
  }
    }  
    @media (min-width: 768px){
        .textcar{
        margin-left:0px !important;
        margin-right: 0px !important;
        padding-right: 15px !important;
        padding-left: 0px !important;
        }
            }
            .textcar{
              margin-top: 20px;
            }
  @media (min-width: 1200px){
  .container {
    width: 1170px;
  }
            }
            @media (min-width: 768px){
  
            }
            .backcolor{
                padding-top: 20px;
                padding-bottom: 20px;
                position: relative;
                margin-top: -147px;
             }
             .backcolor{
                background-color: #000;
             }
                
             
  
             .twiter {
                 color: white;
                 font-size: 10px;
                 margin-bottom: 0px;
             }
             @media (min-width: 768px)
  {
    .textt{
        margin-left:0px !important;
        margin-right: 0px !important;
        padding-right: 15px !important;
        padding-left: 0px !important;
    } 
  }
    .textt a{ 
        color: #fff;
        margin-top: 20px;
    } 
  
    .tex{
        color: #ffff;
    }
  
  @media (min-width: 768px)
  {
    .tex{
        margin-left:0px !important;
        margin-right: 0px !important;
        padding-right: 8px !important;
        padding-left: 0px !important;
    }  
  }
     /* section car end */
     .auto{
         color: red;
     }
     .auto-2{
         color: #999;
         font-size: 13px;
     }
    .iconsss{
        text-align: right;
        margin-top: 10px;
    }
    .footer-3{
  background-color: black;
    }
  .iconsss .fa{
    color: #999;
    font-size: 25px;
    padding-right: 20px;
  }
  .b-info{
      word-spacing: 5px;
  }
  .b-info a{
      color: #999;
      
  }
  @media (max-width:940px){
    .footer-1{
        display: none;
    }
    .backcolor{
        margin-top: 0px !important;
        margin-bottom: 15px;
    }
    .footer-2{    padding-top: 0px !important;}
}
.back1{
  background-color: #000;
  height: 150px;
}
.company p{
  color: #ffffff!important;
}
.icons .icons1{
margin-left: 25px;
color: #fff;
}
.textt ul{
    color: #fff;
    font-size: 14px;
    line-height: 34px;
}
/* footer end */
  /* footer end */


  /* contact start */

.align-container4{
    background-image: url(../images/industrial-port-container-yard.jpg);
    background-size: cover;
    height: 80vh;
    background-repeat: no-repeat;   
}
.align-services{
    background-image: url(../images/service.jpg);
    background-size: cover;
    height: 80vh;
    background-repeat: no-repeat; 
}
.align-about{
    background-image: url(../images/about-us.jpg);
    background-size: cover;
    height: 80vh;
    background-repeat: no-repeat; 
}
.align-contact{
    background-image: url(../images/contactus.jpg);
    background-size: cover;
    height: 80vh;
    background-repeat: no-repeat; 
}
.front-promo__layouts {
    position: absolute;
    height: 80%;
    width: 100%;
    background-image: -webkit-gradient(linear,left top,right top, from(rgb(202 134 176 / 40%)),color-stop(50%,rgb(51 89 158 / 58%)),to(rgba(0,0,0,.15)));
}
.contact input, .contact textarea{
margin-top: 15px;
}

.buttom-contact{
    background-color: #33599e;
    border: none;
    color: #fff;
    padding: 10px 20px 10px 20px;   
}
.social-bar {
    width: 50px;
    height: 403px;
    background-color: #33599e;
    position: absolute;
    top: 0;
    right: 0;
    border-top: solid 50px #a65c9b;
}
.social-list {
    margin: 0px;
    position: absolute;
    top: 226px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -39px;
    list-style: none;
}
.social-list li {
    font-size: 18px;
    color: #FFF;
    margin: 30px 17px;
}
.social-list .fab{
    color: #fff;
}
.contact-bar{ 
    display: flex;
    margin-top: 25px;
}
.contact-bar .fas, .contact-bar .far{
    font-size: 50px;
    margin-right: 20px;
    color: #33599e;
    transition: transform .5s;
}
.contact-bar .fas:hover, .contact-bar .far:hover{
    color: #a35a99;
    filter: drop-shadow(0px 5px 1px black);

}

.contact-text a{
    color: #979494;
    font-size: 14px;
}

/* about start */
.about-us img{
    width: 35px !important;
}

.about-us h6{
    margin-top: 13px;
    margin-bottom: 0px;
}
.counter{
    background-color: #975297;
    text-align: center;
}
.counter-img img{
    width: 45px;
}
.counter-img{
    margin-top: 24px;
    color:#fff;
}
.about-back{
    background-color: #33599e;
}
.about-p{
    color: #fff;
    padding: 50px 10px 0px 11px;
}
.about-services{
    background-color: #975297;
}
.about-best{
    color: #fff;
    padding: 100px 0px 30px 0px;
}
.service-box{
    background: #FFF;
    padding: 10px;
    margin: 10px;
    height: 250px;
}
.service-box i{
    font-size: 40px;
    margin-bottom: 17px;
    color: #33599e;
}
.service-box h4{
    margin-bottom: 0px;
}
.footer-address{
    list-style: none;
    color: #fff;
    margin-left: -34px;
    line-height: 37px;
    margin-top: 16px;
}
.footer-address i{
    margin-right: 8px;
}
.service-tab{background-color: #fff; padding: 10px; clip-path: polygon(92% 0,100% 7%,100% 100%,0 100%,0 0);height: 325px;}
.service-tab h6{color: #9b5599; font-size: 18px; font-weight: 700;padding-top: 15px;}
.service-sec{background-color: #f3f6f5;}
.service-sec img{width: 35%;}
.service-sec .col-md-3{margin-top: 25px;}
@media screen and (max-width: 760px) {
    .phone-h, .services-images-h2{
        display: none;
    }
    .navbar-toggler{
        position: absolute;
        left: 77%;
        top: 20px;
    }
    .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
        border-bottom: none;
    }
    .sahl-desktop1, .sahl-desktop2, .sahl-desktop3{
        display:none
    }
    .align-container__item h2{
        color: #fff;
        font-size: 30px;
        line-height: 45px;
        font-weight: 700;
    }
    .banner{
        top:0;
    }
    .contact-bar .fas, .contact-bar .far {
        font-size: 40px !important;
    }
    .back{font-size: 7rem !important; }
  }

  @media screen and (min-width: 990px) {
 .about-slider{
    padding: 25px 50px;
    background-color: rgb(248, 248, 248, 0.9);
    margin-top: 40px;
    margin-left: -120px;
    border-right: solid 10px #33599e;
 }
  }

  @media screen and (max-width: 425px){
  .align-container__item{
      top:20%;
  }

}
@media (max-width: 768px){
    .texts{
        display: none;
    }
    .align-container{
    background-image: url(../images/Sahlimg1.jpg);
    background-size: 100%;
    height: 80vh;
    background-repeat: no-repeat;   
    }
    .align-container2{
    background-image: url(../images/Sahlimg3.jpg);
    background-size: 100%;
    height: 80vh;
    background-repeat: no-repeat;
    }
    .align-container3{
    background-image: url(../images/image.jpg);
    background-size: 100%;
    height: 80vh;
    background-repeat: no-repeat;
    }
}
.sahl-heading{
    color: transparent;
    font-size: 50px;
    line-height: .85;
    font-weight: 700;
    letter-spacing: -.050em;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255,255,255,.35);
    font-family: sans-serif;
}
.align-thanks{
    background-image: url(../images/thanku.jpg);
    background-size: cover;
    height: 80vh;
    background-repeat: no-repeat;
}