@font-face {
    font-family: 'Avenir Regular';
    src: url('file:///C:\Users\Ghada\Downloads\Avenir Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'avenir heavy';
    src: url('../fonts/avenir heavy.ttf') format('truetype');
}
body {
    font-family: 'Avenir Regular';
}
img{
    max-width:100%
}
.banner-area {
    position: relative;
}
@media (min-width: 768px) {
    .sd-hidden {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .sm-hidde {
        display: none !important;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1140px;
    }
}

.single-banner .container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    padding-top:120px;
}
.single-banner .row {
    height: 100%;
}
.header2-logo img
{
    max-width:200px
}
.banner-meta-title {
    line-height: 1.4;
    text-align: center;
    font-weight: 800;
    font-size: 48px;
    color: #191E36;
    text-align: center;
    margin-bottom: 10px;
    font-family: 'avenir heavy';
}
.banner-meta-text {
    color: #191E36;

    font-size: 24px;
   
    text-align: center;
}
.banner-meta-title {
    opacity: 0;
    transform: translateY(-80px);
    transition: all 1000ms ease;
}
.swiper-slide-active .banner-content1 .banner-meta-title {
    opacity: 1;
    transform: translateY(0px);
    transition-delay: 1200ms;
}
.title {
    font-weight: 800;
    font-size: 32px;
    font-family: 'avenir heavy';
    text-align: center;
    margin-bottom: 15px;
    color: #191E36;
    line-height: 1.2;
}
section{
    padding:40px 0
}
.preloader-plus {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 100vw;
    height: 100vh;
    opacity: 1;
    background-color: #fff;
    z-index: 999;
    transform: scale(1);
    transition: opacity 1s ease, transform 1s ease, left 0s ease;
}
.preloader-plus {
    background-color: #141414;
}
.preloader-plus {
    transition-duration: 1000ms, 1000ms, 0s;
}
    .preloader-plus.complete {
        left: 1000%;
    }
    .preloader-plus.complete {
        opacity: 0;
        transform: scale(1);
        transition-delay: 0s, 0s, 1000ms;
    }
    .preloader-plus * {
        opacity: 1;
        transform: translate(0, 0) scale(1);
    }
    .preloader-plus * {
        color: #65615F;
    }
    .preloader-plus * {
        opacity: 1;
        transform: translate(0, 0) scale(1);
    }
    .preloader-plus * {
        color: #65615F;
    }
    .preloader-plus .preloader-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .preloader-plus img {
        display: block;
        max-width: 100%;
    }
    .preloader-plus .preloader-custom-img {
        animation: preloader-fade 2000ms linear infinite;
        width: 164px;
    }
.desc {
    font-weight: 400;
    font-size: 24px;
    color: #191E36;
    text-align: center;
}
.trace-title {
    background: #EFE4CC96;
    font-weight: 800;
    font-size: 24px;
    font-family: 'avenir heavy';
    text-align: center;
   padding:10px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.trace-inner
{
    margin-top:40px;
}
.t-box {
    border: 1px solid #191E3638;
    border-radius: 12px;
}
.trace-meta
{
    padding:20px;
    text-align:center
}
.trace-desc {
   
  
    font-size: 16px;
 
   line-height:1.4;
   margin-top:20px;
    text-align: center;
    color: #191E36;
}
.t-box
{
    max-width:310px;
  
}
.trace-inner .col-md-4{position:relative}
.trace-inner .col-md-6 {
    position: relative
}
.line1 {
    position: absolute;
    top: -40px;
    left: 165px;
    right: auto;
    margin: auto;
    max-width: 50px;
}
.m-auto
{
   margin-left:auto;
   margin-right:auto
}
.line2 {
    position: absolute;
    top: -40px;
    left: -5px;
    max-width: 50px;
}
.text-right
{
    text-align:right
}
.text-center{
    text-align:center
}
.ml-auto
{
    margin-left:auto;
    margin-right:30px;
}
.line3 {
    position: absolute;
    left: auto;
    margin: auto;
    max-width: 50px;
    right: 152px;
    top: -165px;
}
.line4 {
    position: absolute;
    left: auto;
    margin: auto;
    max-width: 50px;
    right: 135px;
    left:0;
    top: -165px;
}
.t-box3
{
    margin-left:35px;
}
.btn-learn
{
    display:flex;
    align-items:center;

}
.btn-learn span{
    padding-right:10px;
}
.what .title{
    text-align:left
}
.what .desc {
    text-align: left;
    margin-bottom:30px;
}
.btn-learn {
    font-size: 28px;
    color: #191E36;
}
.tracking-inner
{
    margin-top:40px;
}
.track {
    padding: 30px 10px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(153, 153, 153, 0.07) 100%);
    border: 1px solid #191E3638;
    text-align:center
}
.track-title {
    font-weight: 800;
    font-size: 24px;
    text-align: center;
    color: #191E36;
    font-family: 'avenir heavy';
    margin-top:15px;
}
@media (min-width: 768px) {
    .col-md-20 {
        flex: 0 0 auto;
        width: 20%;
    }
}
.works {
    background: linear-gradient(90deg, #F5F0E3 0%, #F7F5E7 100%);
}
.work {
    border: 1px solid #191E3638;
    width: 365px;
    border-radius: 12px;
    margin-bottom:20px;
}
.work-title {
    font-weight: 800;
    font-size: 21px;
    color: #191E36;
    text-align: center;
    padding:12px 
}
.work-subtitle {
    background: #FFFFFF;
    backdrop-filter: blur(15.600000381469727px);
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    font-size: 21px;
    text-align: center;
    padding: 12px;
    color: #A38037;

}
.works-lines img
{
    display:block
}
.works-lines img{
    position:absolute
}
.wl1 {
    left: auto;
    right: -115px;
    margin: auto;
    top: 53px;
    min-width: 454px;
}
.wl2 {
    left: auto;
    right: -115px;
    margin: auto;
    top: 187px;
    min-width: 353px;
}
.wl3 {
    left: auto;
    right: -115px;
    margin: auto;
    top: 319px;
    min-width: 209px;
}

.wl4 {
    left: auto;
    right: -115px;
    margin: auto;
    top: 452px;
    min-width: 76px;
}
.solutions .title span{
    position:relative
}

    .solutions .title span::after {
        content: "";
        display: inline-block;
        width: 142px;
        height: 18px;
        background-image: url("/assets/img/icons/under.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        left: 0;
        position: absolute;
        bottom: -10px;
    }
.solutions-inner
{
    margin-top:40px;
}
.custom-tabs .nav-link {
    border-radius: 12px 12px 0 0;
    padding: 10px 25px;
    font-weight: 500;
    color: #555;
}

    .custom-tabs .nav-link.active {
        background-color: #fff;
        border-color: #dee2e6 #dee2e6 #fff;
        color: #000;
        border-bottom: #F6F6F6;
        background: #F6F6F6;
        margin-top: 1px;
    }
.solution-card {
    border-radius: 12px;
    padding: 20px;
    height: 100%;
    background-color: transparent;
}

    .solution-card h6 {
        font-weight: 600;
        margin-bottom: 10px;
    }

    .solution-card p {
        font-size: 14px;
        color: #666;
    }
.tab-content {
    border: 1px solid #dee2e6;
    border-top: 0;
    border-top: 0;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-top: 30px;
    background: #F6F6F6;
}
.custom-tabs .nav-link {
    font-weight: 800;
    font-size: 21px;
    color: #191E36;
    text-align: center;
}
.solution-card img {
    width: auto;
    max-width: 64px;
}
.solution-title {
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 800;
    font-size: 21px;
    font-family: 'avenir heavy';
    color: #171B31;
}
.solution-subtitle {
  
    font-size: 18px;
 
    color: #111424E8;
}
.solution-card:hover{
    background:#fff
}
.btn-solutions {
    display: flex;
    background: #191E3624;
    width: 100%;
   
    height: 56px;
   justify-content:center;
   align-items:center;
    border-radius: 12px;
  
}
.btn-solutions img
{
    padding-left:20px;
}
    .btn-solutions span {
  
        font-weight: 500;
       
        font-size: 21px;
     
        color: #191E36;
    }
.industries .title span {
    position: relative
}

.industries .title span::after {
    content: "";
    display: inline-block;
    width: 142px;
    height: 18px;
    background-image: url("/assets/img/icons/under.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    position: absolute;
    bottom: -10px;
}
.industries-inner
{
    margin-top:40px;
}
.industry-box {
    padding: 24px;
    background: #F6F6F6;
}
.ind-title {
    font-weight: 800;
    font-family: 'avenir heavy';
    font-size: 24px;
    color: #000000;
}
.ind-subtitle {
    color: #656466;
    font-weight: 500;
    font-size: 21px;
    margin-top: 10px;
    margin-bottom: 15px;
    min-height:65px
}
.overlay {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    top: 0;
    background: linear-gradient(52.24deg, rgba(255, 184, 41, 0) 7.43%, rgba(255, 184, 41, 0.7) 88.82%);
    background-blend-mode: multiply;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.industry
{
    border-radius:12px;
}
    .industry .position-relative img {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }

.testi-content {
    margin-bottom: 30px;
    font-weight: 400;
    margin-left: 215px;
    font-size: 22px;
    max-width: 535px;
    color: #191E36;
}
.testi-ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    align-items: center;
    margin-left: 215px;
}
    .testi-ul li:first-child {
        padding-right:10px;
    }
.testi-title {
    font-weight: 800;
    font-size: 22px;
    color: #000000;
    margin-bottom:5px;
}
.testi-subtitle {
   
    font-weight: 500;
   
    font-size: 14px;
  
    color: #000000;
}
.testi {
    box-shadow: 2px 2px 8px 0px #0000002B;
    padding-top: 30px;
    padding-bottom: 30px;
  
    border-radius: 12px;
   
}
#owl-testi
{
    margin-top:30px;
}
.testi > img{
    position:absolute;
    left:0;
    top:0
}
.owl-carousel .owl-item img {
    
    width: auto;
}
#owl-testi .item{
    padding:5px;
}
.owl-theme .owl-dots .owl-dot span {
    width: 70px;
    height: 5px;
 
    border-radius: 4px;
    background: #999999;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #191E36;
}
.owl-theme .owl-nav [class*=owl-] {
   
    background: transparent;
   
}
    .owl-theme .owl-nav [class*=owl-]:hover {
        background: transparent;
    }
.owl-theme .owl-nav {
    margin-top: 0;
}
    .owl-theme .owl-nav [class*=owl-] {
       
        margin: 0px;
        padding: 0;
       
    }
.owl-theme .owl-nav {
    margin-top: -29px;
    position: absolute;
    top: 50%;
    width: 100%;
}
.owl-carousel .owl-nav button.owl-prev {
   
    position: absolute;
  
    left: -90px;
}
.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -90px;
}
.owl-theme .owl-dots
{
    margin-top:25px;
}
.footer {
    background: linear-gradient(0deg, #191E36, #191E36), linear-gradient(0deg, rgba(0, 50, 179, 0.2) 0%, rgba(0, 50, 179, 0) 47.32%);
    padding:60px 0
}
.footer-ul ul{
    list-style:none;
    padding-left:0;
    text-align:center
}
    .footer-ul ul li a {
        
        font-weight: 500;
        
        font-size: 20px;
       line-height:1;
        text-align: center;
        color: #FFFFFF;
    }
    .footer-ul ul li
    {
        line-height:1;
        margin-bottom:10px;
    }
.footer-social ul{
    list-style:none;
    padding-left:0;
    display:flex;
    align-items:center;
    justify-content:center
}
.footer-social ul li{
    line-height:1;
    padding-right:30px;
    
}
    .footer-social ul li a {
        line-height: 1;
    }
.footer-social
{
    margin-top:30px;
}
    .footer-social ul li:last-child{
        padding-right:0
    }
.lang-btn {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 40px;
    padding: 8px 18px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .lang-btn:hover {
        background: rgba(58,160,255,0.1);
        color: #fff;
    }

.lang-icon i{
    font-size:24px;
}

.lang-text {
    border: 1px dashed #3aa0ff;
    padding: 6px 12px;
    border-radius: 6px;
}


.dropdown-toggle::after
{
    display:none
}
.lang-text {
    border: 0px dashed #3aa0ff;
   
}
.language-dropdown
{
    display:inline-block
}
.items {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 0.5px solid #FFFFFF;
}
.item-title {
  margin-bottom:20px;
    font-weight: 800;
   
    font-size: 20px;
   
    color: #FFFFFF;
}
.item-ul ul{
    list-style:none;
    padding-left:0;
}
.item-ul ul li{
    margin-bottom:20px;
    line-height:1;
}
    .item-ul ul li:first-child {
        line-height: 1;
        font-weight: 800;
        margin-bottom: 30px;
        font-size: 20px;
        color: #fff;
    }
    .item-ul ul li a {
        font-family: Avenir;
        font-weight: 400;
       
        font-size: 16px;
       
        color: #FFFFFF;
    }
    .item-ul ul li:last-child{
        margin-bottom:0
    }
.copyright {
    padding: 15px 0;
    border-top: 0.5px solid #FFFFFF;
    background: linear-gradient(0deg, #191E36, #191E36), linear-gradient(0deg, rgba(0, 50, 179, 0.2) 0%, rgba(0, 50, 179, 0) 47.32%);
}
.copy-title {
    font-weight: 400;
    font-size: 16px;
    
    text-align:center;
    color: #FFFFFF;
}
.global-left {
    background: #F5EEE0;
padding:30px;
    border-radius: 12px;
  
}
.global-title {
   
    font-weight: 800;
   
    font-size: 48px;
   margin-bottom:30px;
    color: #3D3D3D;
}
.global-desc {
   
    font-weight: 400;
   
    font-size: 32px;
   
    line-height: 1.4;
    margin-bottom:30px;
    color: #3D3D3D;
}
.btn-contact {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 246px;
    height: 80px;
    line-height: 80px;
    border: 1px solid #A38037;
    border-radius:64px;
}
    .btn-contact span {
      
        font-weight: 500;
        font-size: 28px;
        text-align: center;
        display: inline-block;
        padding-right: 15px;
    }
.g-content
{
    max-width:482px;
}
.global-right {
    border-radius: 12px;
    border: 1px solid #D0D0D0;
    width: 668px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-left: -215px;
    background: #fff;
}
.l5 {
    background: linear-gradient(180deg, #DDD8CD 0%, rgba(221, 216, 205, 0) 100%);
    padding-top:120px;
}
.body-inner .header-main {
    border-bottom: 1px solid #A9A9A9
}
.head {
    background: #191E36;
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    color: #fff;
    text-align: center;
    border-radius: 24px;
    padding: 5px 13px;
    margin-bottom:20px;
}
.body-inner main{
    padding-top:111px;
}
.l5
{
    padding:60px 0
}
.l-title {
    font-weight: 700;
    font-size: 60px;
    line-height: 75px;
    letter-spacing: 0.26px;
    text-align: center;
    color: #191E36;
    margin-bottom: 30px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.l5-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #CCCDD3;
    background: #F6EFE1;
    text-align:center;
    padding-top:13px;
    padding-bottom:13px;
    border-radius:10px;
}
    .l5-btn span {
       display:inline-block;
       padding-left:15px;
        font-weight: 500;
        
        font-size: 16px;
       
        line-height: 24px;
        letter-spacing: -0.31px;
        text-align: center;
        color: #656466;
    }
.l5-items
{
    margin-top:40px;
}
.l5-items .col-md-4{
    margin-bottom:10px;
}
.industries {
    padding: 0px 0 60px;
    background: rgba(221, 216, 205, 0);
}
.l5tab {
    background: #FFFFFF;
    border: 1px solid #F1F5F9;
    padding: 30px 20px;
    border-radius: 16px;
    height: 100%;
}
.tab5img {
    background: #F8FAFC;
    border-radius: 10px;
    padding: 4px;
}
    .tab5img img {
        min-width: 40px;
    }
    .l5tab ul {
        list-style: none;
        padding-left: 0;
        display: flex;
    }
.l5tab ul li:first-child{
    padding-right:15px;
}
.l5title {
 margin-bottom:10px;
    font-weight: 700;
  
    font-size: 24px;
    
    line-height: 32px;
    letter-spacing: 0.07px;
    color: #0F172B;
}
.l5desc {
  
    font-weight: 400;
    
    font-size: 16px;
   
    line-height: 26px;
  
    color: #45556C;
}
.addons
{
    padding:60px 0;
    background:#fff;
}
.l5works
{
    margin-top:60px;
}
.workitem {
    border: 1px solid #C5C6CC;
    background: #F6F6F6;
    padding: 30px;
    border-radius: 16px;
    position: relative;
    height: 100%;
}
.itemimg {
    display: inline-flex;
    align-items:center;
    justify-content:center;
    width: 64px;
    height: 64px;
    background: #FFFFFF;
    border-radius: 14px;
    box-shadow: 0px 2px 4px -2px #0000001A;
    box-shadow: 0px 4px 6px -1px #0000001A;
}
.itemtitle {
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #191E36;
}
.itemdesc {
  
    font-weight: 400;
  
    font-size: 16px;
   
    line-height: 26px;

    color: #45556C;
}
.itemnum {
    position: absolute;
  
    font-weight: 900;
    font-size: 60px;
    opacity: 0.1;
    line-height: 60px;
    letter-spacing: 0.26px;
    color: #A38037;
    right: 15px;
    top: 15px;
}
.workitems .col-md-4 {
    margin-bottom: 30px;
}
.workitems
{
    margin-top:40px;
}
.control {
    background: linear-gradient(180deg, #DDD8CD 0%, rgba(221, 216, 205, 0) 100%);
    padding:60px 0 60px
}
.controltitle {
    font-weight: 700;
    font-size: 42px;
    line-height: 50px;
    letter-spacing: 0.26px;
    color: #191E36;
    margin-bottom: 15px;
}
.controldesc {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #656466;
}
.key {
    background: #F5EEE0;
    border: 1px solid #F1F5F9;
  height:100%;
   
    border-radius: 14px;
   
    padding-top: 16px;
    padding-right: 32px;
    padding-bottom: 16px;
    padding-left: 32px;
}
.keys
{
    margin-top:60px;
}
    .keys .col-md-4 {
        margin-bottom: 15px;
    }
    .key-title {
        font-weight: 700;
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 28px;
        color: #0F172B;
    }
.key-desc {
    
    font-weight: 400;
   
    font-size: 16px;
  
    line-height: 22.75px;
    
    color: #45556C;
}
.control img{
    border-radius:12px;
}
.keys .row{
    margin-top:30px;
}

.delivers
{
    background:#fff;
    padding:0px 0 60px
}
.traceability {
    margin-top: 40px;
    background: #F6F6F6;
   
    border-radius: 12px;
   padding:60px 30px 30px;
}
.deliver {
    border: 0.5px solid #191E3638;
    border-radius: 12px;
    padding: 20px 15px;
    height:100%;
}
.deliver-title {
    font-weight: 800;
   
    font-size: 24px;
    margin-bottom: 15px;
    color: #171B31;
}
.deliver-desc {
    color: #656466;
    font-weight: 400;
   
    font-size: 16px;
}
.traceability .col-md-4 {
    margin-bottom: 30px;
}
.download
{
    margin-top:60px;
}
.download
{
    position:relative
}
    .download a {
        margin-right: auto;
        position: absolute;
        left: 0;
        right: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: #191E36;
        padding: 20px 24px;
        color: #fff;
        margin-top: -40px;
        margin-left: auto;
        top: 50%;
        max-width: 430px;
    }
.download a img{
    margin-right:10px;
}
        .download a span {
         
            font-weight: 500;
           
            font-size: 24px;
           color:#fff;
            text-align: center;
        }
.andsubtitle {
    display: flex;
    align-items: center;
    justify-content: center;
   
    font-weight: 700;
    
    font-size: 40px;
  
    line-height: 63px;
    letter-spacing: 0.26px;
    text-align: center;
}
    .andsubtitle span {
        color: #fff;
        background: #191E36;
        padding: 9px 9px;
        font-size: 31px;
        border-radius: 8px;
        line-height: 1;
        margin-left: 10px;
        margin-right: 10px;
        display: inline-block
    }
.anddesc {
    font-weight: 400;
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 32.5px;
    text-align: center;
    color: #656466;
}
.l45-img img {
  
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}
.l45-img 
{
    position:relative
}
.l45-title {
    font-weight: 700;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-left: auto;
    margin-right: auto;
    font-size: 64px;
    color: #fff;
    margin-top: -31.5px;
    line-height: 63px;
    text-align: center;
}
.l45-content {
    background: #EEF6FF;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    padding: 30px;
   
}
.vs
{
    padding-top:0
}
.vs-title {
    font-weight: 500;
    font-size: 24px;
    color: #45556C;
    line-height:1.2;
    letter-spacing: 0.26px;
}
    .vs-title b {
      
        font-weight: 700;
       
        font-size: 28px;
     
        letter-spacing: 0.26px;
    }
.solutions-inner .row .col-md-12 .l5tab .l5desc
{
    min-height:auto
}
.solutions-inner .row .col-md-12 .l5tab .l5title {
    min-height: auto
}
@media(max-width:1199px)
{
    .global-right {
       
        margin-left: 0px;
      
    }
    .global-right{
        width:auto
    }
    .testi-content {
        
        margin-left: 0px;
      
        max-width:100%;
      
    }
    .testi {
      
        padding-top: 0;
    
    }
        .testi > img {
            position: relative;
          
            max-width: 65px;
            margin-bottom: 10px;
        }
    .global-title {
      
        font-size: 24px;
        margin-bottom:15px;
        
    }
    .global-desc {
        
        font-size: 18px;
      
        margin-bottom: 15px;
      
    }
    .testi-content {
        margin-bottom: 15px;
      
       
    }
    .testi-ul {
       
        margin-left: 0px;
    }
    .testi-content {
       
       
        font-size: 18px;
       padding-left:15px;
       padding-right:15px;
    }
    .testi-ul {
        padding-left: 15px;
        padding-right: 15px;
    }
    .testi-title
    {
        font-size:21px;
    }
    .title {
        font-size: 24px;
        line-height: 1.2;
    }
    .desc {
      
        font-size: 18px;
       
    }
    solutions-inner .nav{
        display:block !important
    }
    .tab-content {
      
        padding:15px
      
    }
    .t-box {
        max-width: 100%;
    }
    .mb-40 {
        margin-bottom:20px;
    }
    .t-box3 {
        margin-left: 0px;
    }
    .line1
    {
        display:none
    }
    .line3
    {
        display:none
    }
    .line2
    {
        display:none
    }
    .line4 {
        display: none
    }
    .ml-auto {
        
        margin-right: 0px;
    }
    .trace-inner .col-md-6 {
        margin-bottom: 20px;
    }
    .ml-30 {
        margin-left: 0px;
    }
   
    .banner-meta-title {
       
        font-size: 32px;
       
    }
  
    .banner-meta-title {
        font-size: 24px;
    }
    .banner-meta-text {
    
        font-size: 18px;
      
    }
    .single-banner .container {
       
        padding-top: 85px;
    }
    .what
    {
        padding-top:0;
        padding-bottom:0
    }
    .btn-learn {
        font-size: 21px;
      
    }
    .btn-learn img{
        max-width:25px;
    }
    .what-img
    {
        margin-top:30px;
    }
    .tracking-inner .col-md-20{
        margin-bottom:30px;
    }
    .tracking
    {
        padding-bottom:10px;
    }
    .solutions .title span::after {
      
        width: 75px;
        height: 10px;
       
        bottom: -1px;
    }
    .solutions-inner {
        margin-top: 20px;
    }
    .solutions .nav-tabs
    {
        margin-bottom:20px;
    }
    .custom-tabs .nav-link.active {
      
        border-bottom: 1px solid #dee2e6;
       
    }
    .custom-tabs .nav-link
    {
        border-radius:12px;
    }
    .nav-tabs {
     
        padding-bottom: 20px;
    }
    .testimonials
    {
        padding-bottom:0
    }
    .global-left {
       
        padding:15px;
       
    }
    .btn-contact {
      
        width: auto;
        height: 65px;
        line-height: 65px;
      
    }
    .global-right {
      
        margin-top: 30px;
    }
    .global-right {
       
        padding-top: 30px;
        padding-bottom: 0;
      
    }
    .footer .row .col-md-4.text-right {
        text-align: center;
        margin-top: 20px;
    }
    .footer .items .row .col-md-3 {
       
        width: 50%;
        margin-bottom:30px;
    }
    .item-ul ul li a {
     
        font-size: 15px;
       
    }
    .footer {
          padding: 60px 0 30px;
    }
    .l5 {
        padding-top: 0;
        padding-bottom: 40px;
    }
    .l-title {
       
        font-size: 32px;
        line-height: 1.2;
      
        margin-bottom: 20px;
        max-width: 100%;
     
    }
    .custom-tabs .nav-link
    {
        padding:20px;
    }
    .solutions-inner .nav-tabs
    {
        display:block !important
    }
    .custom-tabs .nav-link
    {
        display:block;
        width:100%
    }
    body .custom-tabs .nav-link
    {
        padding:20px;
    }
    .l5desc
    {
        min-height:auto
    }
    .l5title
    {
        min-height:auto
    }
    .industries {
        padding: 0px 0 40px;
      
    }
    .addons {
        padding: 40px 0 30px;
      
    }
    .andsubtitle
    {
        font-size:32px;
    }
    .andsubtitle
    {
        line-height:1.2
    }
    .anddesc
    {
        font-size:18px;
    }
    .vs-title {
      
        font-size: 18px;
       
    }
        .vs-title b {
           
            font-size: 24px;
          
        }
    .l45-content {
    
        min-height: auto;
    }
    .vs .row .col-md-6:first-child{
        margin-bottom:30px;
    }
    .control {
       
        padding-top:0;
    }
    .controltitle {
    
        font-size: 24px;
        line-height:1.2;
      
    }
    .controldesc
    {
        margin-bottom:20px;
    }
    .key {
        margin-bottom: 15px;
    }
    .delivers {
      padding-top:40px;
    }
    .deliver {
        margin-bottom: 20px;
    }
    .deliver-title
    {
        min-height:auto
    }
    .download a span {
       
        font-size: 18px;
    
    }
    .download a img {
      
        max-width: 30px;
    }
    .download {
        margin-top: 35px;
    }
    .delivers {
      padding-bottom:60px;
    }
    .traceability {
      padding-right:15px;
       padding-left:15px;
    }
    .download > img{
        display:none
    }
    .controldesc {

        font-size: 18px;
        line-height: 26px;
       
    }
    .traceability {
    
        padding-top:40px;
        padding-bottom:40px;
    }
    body .download a {
        background: #191E36;
        color: #fff;
    }
       body .download a span {
            color: #fff;
        }
        body .download a img {
            filter: brightness(0) invert(1);
        }
}
@media(max-width:767px)
{
    .sm-hidden
    {
        display:none !important
    }
    .col-md-2 {
       
        width: 33.3334%;
    }
    .clients .row .col-md-2 {
        margin-bottom: 20px;
    }
    .trace
    {
        padding-top:0px;
    }
}
@media(min-width:768px) {
    .sd-hidden {
        display: none !important
    }
}
@media (min-width: 1200px) {
    .modal-dialog {
        max-width: 1140px;
    }
}
.modal-title {
    color: #27376a;
}
.form-group {
    margin-bottom: 1rem;
}
    .form-group label {
        font-weight: 500;
        margin-bottom: 0.5rem;
    }
    .form-group label {
        color: #27376a;
    }
#infoModal .form-control {
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
}
.hidden
{
    display:none !important
}
.l45 {
    height: 100%;
    background: #EEF6FF;
    border-radius: 14px;
}
@media(max-width:1199px)
{
    .download a
    {
        position:relative
    }
    .download
    {
        text-align:center
    }
}