@font-face {
    font-family: 'SF UI Display-Regular';
    src: url(../font/SF-UI-Display-Regular.ttf) format('woff');
    font-weight: 'Regular';
  }
  
  @font-face {
    font-family: 'SF UI Display-Semi-Bold';
    src: url(../font/sf-ui-display-semibold-58646eddcae92.otf) format('woff');
    font-weight: 'Semi-Bold';
  }
  
  @font-face {
    font-family: 'SF UI Display-Bold';
    src: url(../font/sf-ui-display-bold-58646a511e3d9.otf) format('woff');
    font-weight: 'Bold';
  }
  
  @font-face {
    font-family: 'SF UI Display-Medium';
    src: url(../font/sf-ui-display-medium-58646be638f96.otf) format('woff');
    font-weight: 'Medium';
  }
  
  @font-face {
    font-family: 'SF UI Display-Light';
    src: url(../font/sf-ui-display-light-58646b33e0551.otf) format('woff');
    font-weight: 'Light';
  }
  
  @font-face {
    font-family: 'SF UI Display-Thin';
    src: url(../font/sf-ui-display-thin-58646e9b26e8b.otf) format('woff');
    font-weight: 'Thin';
  }
.mx-1600{
    max-width: 1570px;
    width: 100%;
    padding: 0 15px;
    margin: auto;
}
a{
    text-decoration: none;
}
header{
    padding:50px 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}
header.affix{
    background-color: #fff;
    padding: 20px 0;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
    transition: .3s;
}
.logo-img{
    height: 40px;
    width: 120px;
}
.logo-img img{
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center;
}
.nav-bar ul{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    /*height: 100%;*/
    padding-left: 0;
}
.nav-bar ul li{
    list-style-type: none;
    padding: 10px 25px;
   
}
.nav-bar ul li a{
    color: #000;
    font-size: 20px;
    font-family: 'SF UI Display-Medium';
    position:relative;
    padding-right:5px;
}
.nav-bar ul li a:hover{
    color: #0F4BCB;
}
.nav-bar-top .logo-img {
    display: none;
}
.nav-bar ul li:last-child{
	padding-left:0
}
.handburger-menu {
    width: 35px;
    height: 30px;
    margin-right: 20px;
    display: none;

}

.handburger-menu .bar {
    background-color: #30006e;
    height: 3px;
    border-radius: 20px;
    margin-top: 5px;
}

.bar1 {
    width: 100%;
}

.bar2 {
    width: 80%;
}

.bar3 {
    width: 60%;
}
.backdrop {
    height: 100%;
    width: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    z-index: 0;
    visibility: hidden;
    opacity: 0;
}

.backdrop.active {
    visibility: visible;
    opacity: 1;
}
.section-head{
    font-size: 60px;
    line-height:1.2;
    text-align: center;
    margin-bottom: 15px;
    font-family: 'SF UI Display-Bold';
}
.banner-sec{
    padding-top: 200px;
    padding-bottom: 100px;
}
.banner-sec .section-head{
    color: #4221A9;
}
.para-text{
    font-size: 20px;
    line-height:1.5;
    text-align: center;
    color: #302564;
    margin-bottom: 0;
    font-family: 'SF UI Display-Regular';
}
.banner-content{
    max-width: 815px;
    margin: auto;
    position: relative;
    z-index: 1;
}
.btn{
    border-radius: 50px;
    transition: 1s;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 17px 30px;
    width: fit-content;
    line-height: 1;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    font-family: 'SF UI Display-Bold';
}
.theme-btn{
    background: #6535FF;
    color: #FFFFFF;
    border: 1px solid #6535FF;
}
.theme-btn:visited{
    color: #FFFFFF !important;
}
.theme-btn:hover{
    background-color: transparent;
    color: #6535FF !important;
    border: 1px solid #6535FF;
}
.btn-wrap{
    display: flex;
    align-items: center;
    max-width: 450px;
    justify-content: space-between;
    margin: auto;
    margin-top: 30px;
}
.wt-btn{
    background: #fff;
    color: #6535FF;
    border: 1px solid #6535FF;
}
.wt-btn:hover{
    background: #6535FF;
    color: #FFFFFF;
    border: 1px solid #6535FF;
}
.subhead{
    font-size: 20px;
    line-height:1.2;
    color: #FFFFFF;
    margin-bottom: 25px;
    font-family: 'SF UI Display-Bold';
}
.about-sec{
    background-color: #442B95;
    padding: 85px 0;
}
.about-sec .section-head{
    max-width: 425px;
    color: #fff;
    text-align: left;
    margin: auto;
}
.about-sec .para-text{
    color: #fff;
    text-align: left;
}
.about-content{
    max-width: 660px;
}
.video-wrap{
    max-width: 1200px;
    height: auto;
    margin: auto;
    margin-top: -175px;
    position: relative;
    filter: drop-shadow(35.1834px 97.2173px 41.6645px rgba(75, 54, 125, 0.01)) drop-shadow(20.3693px 54.6268px 35.1834px rgba(75, 54, 125, 0.05)) drop-shadow(9.25879px 24.0728px 25.9246px rgba(75, 54, 125, 0.09)) drop-shadow(1.85176px 6.48115px 13.8882px rgba(75, 54, 125, 0.1));
}
.mob-circle-container{
    display: none;
}
.video-wrap video{
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    border-radius: 25px;
}
.play-button-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s;
    opacity: 1;
    pointer-events: auto;
}

.video-wrap.playing .play-button-wrap {
    opacity: 0;
    pointer-events: none;
}

.video-wrap.playing:hover .play-button-wrap {
    opacity: 1;
    pointer-events: auto;
}
.play-button-wrap button
{
    background-color: transparent;
    border: none;
}
.about-content-sec{
    padding-top: 80px;
}
.services-sec{
    padding: 90px  0 60px;
}
.services-sec .section-header .para-text{
    font-family: 'SF UI Display-Light';
    font-size: 25px;
    color: #000;
}
.service-card{
    max-width: 430px;
    border: 1px solid #C9C9C9;
    margin-bottom: 30px;
    position: relative;
}
.card-head{
    font-size: 25px;
    line-height: 1.2;
    color: #000;
    margin-bottom: 15px;
    font-family: 'SF UI Display-Bold';
}
.service-card:hover .card-head{
    color: #7155C8;
}
.service-card:hover svg path{
    stroke: #7155C8;
}
.service-card p{
    font-size: 20px;
    line-height: 1.2;
    color: #000000;
    margin-bottom: 0;
    font-family: 'SF UI Display-Medium';
	 overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 4; /* number of lines to show */
           line-clamp: 4; 
   -webkit-box-orient: vertical;
}
.service-img{
    width: 100%;
    height: 100%;
}
.service-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.servicehead-sec{
    padding: 25px 40px;
    min-height: 300px;
}
.section-header{
    margin-bottom: 90px;
}
.arrow-icon{
    position: absolute;
    right:22px;
    top: 20px;
}
.feature-sec{
    padding: 30px 0 60px;
}
.feature-card{
    position: relative;
    background-color: #F7FEFF;
    border: 1px solid #FFE3F8;
    padding: 30px 20px;
    border-radius: 20px;
    transition: 0.2s;
    /* max-width: 480px; */
/*     height: 175px !important; */
    margin-bottom: 80px;
}
.feature-card:hover{
    background: #FFFFFF;
    border: 1px solid #E0C4EE;
    box-shadow: -41.327px 95.0521px 41.327px rgba(83, 10, 117, 0.01), -23.763px 53.7251px 35.128px rgba(83, 10, 117, 0.05), -10.3318px 23.763px 25.8294px rgba(83, 10, 117, 0.09), -3.09953px 6.19905px 14.4645px rgba(83, 10, 117, 0.1);

}
.feature-card .para-text{
    color: #3A2282;
    text-align: left;
}

.fhead-sec{
    max-width: 375px;
    padding: 0 20px;
}
.howitworks-sec{
    padding: 50px 0;
}
.howitworks-sec .subhead,.blog-sec .subhead{
    color: #000;
    margin-bottom: 0;
}
.howitworks-sec .para-text, .howitworks-sec .section-head,.blog-sec .para-text, .blog-sec .section-head{
    text-align: left;
}
.howitworks-sec .para-text{
    color: #000;
    margin-bottom: 20px;
}
.howitworks-sec .section-header{
    margin-bottom: 30px;
}
.blog-sec{
    padding: 50px 0;
}
.admin-date-wrap{
    font-family: 'SF UI Display-Semi-Bold';
    font-size: 14.1812px;
    line-height:1.4;
    color: #6941C6 !important;
    margin-bottom: 10px;
}
.admin-date-wrap span{
    position: relative;
    padding: 0 10px;
}
.admin-date-wrap span::after{
    height: 5px;
    width: 5px;
    content: '';
    background-color: #6941C6;
    border-radius: 50%;
    position: absolute;
    top: 40%;
    left: 50%;
}
.blog-img{
    height: 245px;
    width: 100%;
    margin-bottom: 30px;
}
.blog-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.blog-card p{
    font-size: 16.2071px;
    color: #667085;
    margin-bottom: 15px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
            line-clamp: 2; 
    -webkit-box-orient: vertical;
}
.blog-head a{
    display: flex;
}
.blog-head svg{
    flex-shrink: 0;
}
.blog-head h4{
    margin-right: 15px;
    font-size: 24.3107px;
    line-height: 1.3;
    color: #1A1A1A;
    font-family: 'SF UI Display-Semi-Bold';
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
            line-clamp: 2; 
    -webkit-box-orient: vertical;
}
.blog-sec .section-header{
    margin-bottom: 40px;
}
.blog-btn{
    font-family: 'SF UI Display-Medium';
    font-size: 20.2589px;
    line-height: 3;
    text-align: justify;
    color: #000000;
}
.contact-sec{
    background-color: #442B95;
    padding: 80px 0;
}
.contact-sec .para-text, .contact-sec .section-head{
    color: #fff;
    text-align: left;
}

footer{
    background-color: #442B95;
    border-top: 1px solid #4C5AA7;
    padding: 35px 0;
	position:absolute;
	width:100%;

}
.social-btn{
    display: flex;
    align-items: center;
    justify-content: end;
    margin-bottom: 0;
	margin-left:0;
}
.social-btn li{
    list-style-type:none;
}
.social-icon svg{
    width:25px;
    height:25px;
    margin-right: 30px;
}
footer .para-text{
    color: #5C63A4;
    text-align: left;
}
.benefits-wrap{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.benefits-item{
    background-color: #3E4C9D;
    color: #D1CECE;
    padding: 15px 25px;
    border-radius: 50px;
    margin-bottom: 20px;
    font-family: 'SF UI Display-Light';
    font-size: 18px;
    line-height:1.5;
    letter-spacing: -0.01em;
    margin-right: 20px;

}
.steps-wrap{
    display: flex;
    /*align-items: center;*/
}
.step-grid{
    display: flex;
    margin-right: 10px;
    width:33.3%;
}
.step-grid span{
    margin-right: 15px;
    background-color: #6270F1;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
    font-size: 17.037px;
    line-height: 1.3;
    letter-spacing: -0.01em;
    font-family: 'SF UI Display-Regular';
}
.step-grid p{
    font-family: 'SF UI Display-Light';
    font-size: 20px;
    line-height: 1.3;
    color: #FFFFFF;
    margin-bottom: 0;
}
.section-header .blog-btn{
    color: #fff;
}
.contact-details{
    max-width: 430px;
    margin: auto;
}
.formgroup{
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}
.formgroup input,.formgroup textarea{
    padding:8px  10px;
    font-size: 16px;
    width:100%;
    color: #FFFFFF;
    outline: none;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 5px;
}
.formgroup input::placeholder,.formgroup textarea::placeholder{
    color: rgba(255, 255, 255, 0.6);
}
.contact-details-head{
    max-width: 400px;
}
.contact-details-head h3{
    font-family: 'SF UI Display-Semi-Bold';
    font-size: 30px;
    line-height: 36px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}
.contact-details-head .para-text{
    font-size: 16px;
    margin-bottom: 20px;
}
.send-btn{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 10px !important;
    width:100%;
    border:none !important;
    background: linear-gradient(90deg, #763AF5 0%, #A604F2 117.18%) !important;
    border-radius: 5px !important;
    font-family: 'SF UI Display-Medium';
    font-size: 15px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em;
    color: #FFFFFF !important;

}

.spinner-wrap{
    position: absolute;
    margin-top: 200px;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.spinner-item{
    border: 1px solid #F4F0FB;
    border-radius: 50%;
    height:550px;
    width:550px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    animation: zoom 2s linear 0.75s infinite;
    background-color: #F4F0FB;
}
.spinner-item--2{
    height:700px;
    width:700px;
    /* animation-delay: 1.25s; */
    background-color: #FAFAFC;
    border: 1px solid #FAFAFC;
}
@keyframes zoom {
    0% {
        transform: translate(-50%, -50%) scale(0.2);
        opacity: 0;
    }
    50% {
        opacity: 0.9;
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}
.circle-container {
    position: relative;
    width: 100%;
    height: 550px;
    margin: 50px auto;
    bottom: 0;
    right: 0;
    margin-top: -18rem;
}
.circle-container .module {
    position: absolute;
    padding: 15px 18px;
    border-radius: 8px;
    gap: 10px;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 19.4829px;
    line-height:1.2;
    color: #FFFFFF;
    width: 230px;
    transition: 0.2s;
    filter: drop-shadow(35.1834px 97.2173px 41.6645px rgba(75, 54, 125, 0.01)) drop-shadow(20.3693px 54.6268px 35.1834px rgba(75, 54, 125, 0.05)) drop-shadow(9.25879px 24.0728px 25.9246px rgba(75, 54, 125, 0.09)) drop-shadow(1.85176px 6.48115px 13.8882px rgba(75, 54, 125, 0.1));
}
.circle-container .module:hover{
    transform: scale(1.2);
}
.module span{
    background-color: #fff;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: center;
}
.tms {
    background: #A880FF;
    top: 15%;
    left: 0;
}
.purchase {
    background: #42BFFF;
    top: 45%;
    left: 5%;
}
.fleet {
    background: #709FFF;
    bottom: 15%;
    left: 20%;
}
.analytics {
    background: #CA89FF;
    bottom: 5%;
    left: 40%;
}
.drivers {
    background: #FF8CA9;
    bottom: 15%;
    right: 25%;
}
.warehouse {
    background: #7EC9FF;
    top: 45%;
    right: 10%;
}
.freight {
    background: #905DFF;
    top: 15%;
    right: 0;
}
.line-top {
    width: 120px;
    height: 80px;
    z-index: -1;
    background: transparent;
    border: none;
    border-top: dashed 2px #8B8A8C;
    padding: 40px 40px;
    border-radius: 50%;
    margin: 0 50px;
    transform: rotate(245deg);
    position: absolute;
    top: 28%;
    left: 2%;
  }
  
  .curved-lines{
    position: absolute;
    bottom: 10%;
    left: 6%;

  }
  .how-work-img{
    width: 100%;
    height:auto;
  }
  .how-work-img video{
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center;
}
.formgroup input:focus{
    color:#fff !important;
}

.wpcf7-not-valid-tip{
    font-size:12px;
    color:#cacaca;
    text-align:left;
}
.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 1px solid #cacaca;
    color: #fff;
    font-size: 13px;
}
.contactForm .wpcf7 form .wpcf7-response-output{
    color:#000 !important;
}
.howitworks-sec .para-text{
	text-align:justify;
}
.offer-desc-item-wraper{
    padding-bottom:60px;
}
.insustrial-item{
    background:#f9f9f9;
    border:1px solid #c8c8c9;
}
.insustrial-item-head a{
    color:#2e1c48;
}
.insustrial-item-content p{
    color:#000;
}
.insustrial-item-content a p{
    color:#2e1c48;
}
.banner-top{
    padding-top:150px !important;
}
.requestBtn:visited{
	color:#fff !important;
}
.offerBanner .section-head{
   color:#151448;
}

.single-industrial-page {
  overflow: hidden;
  padding-bottom: 2rem;
}
@media (max-width: 1600px) {
  .single-industrial-page {
    padding-top: 170px;
    padding-bottom: 1rem;
  }
}
@media (max-width: 991px) {
  .single-industrial-page {
    padding-top: 140px;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .single-industrial-page {
    padding-top: 125px;
  }
}

.single-industrial-image {
  max-height: 700px;
  min-height: 600px;
  height: 100%;
  width: 100%;
}
@media (max-width: 1600px) {
  .single-industrial-image {
    min-height: 500px;
  }
}
@media (max-width: 991px) {
  .single-industrial-image {
    min-height: auto;
  }
}
.single-industrial-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.single-industrial-content {
  max-width: 800px;
  padding-left: 3rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 2rem;
}
@media (max-width: 1600px) {
  .single-industrial-content {
    max-width: 685px;
    padding-left: 2rem;
  }
}
@media (max-width: 1400px) {
  .single-industrial-content {
    padding-left: 1rem;
  }
}
@media (max-width: 991px) {
  .single-industrial-content {
    max-width: 100%;
    margin-bottom: 30px;
    padding-left: 1rem;
  }
}
@media (max-width: 575px) {
  .single-industrial-content {
    padding-right: 1rem;
  }
}
.single-industrial-content h1 {
  font-size: 30px;
  color: #151448;
  position: relative;
  width: fit-content;
  margin-bottom: 48px;
  font-weight: 700;
}
@media (max-width: 1600px) {
  .single-industrial-content h1 {
    font-size: 26px;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .single-industrial-content h1 {
    font-size: 25.2px;
    margin-bottom: 40px;
  }
}
.single-industrial-content h1::after {
  position: absolute;
  height: 7px;
  width: 70px;
  background: #151448;
  content: "";
  bottom: -10px;
  left: 0;
  border-radius: 5px;
}
@media (max-width: 1600px) {
  .single-industrial-content h1::after {
    height: 6px;
    width: 58px;
  }
}
@media (max-width: 767px) {
  .single-industrial-content h1::after {
    height: 4px;
    width: 58px;
  }
}
.single-industrial-content ul li {
  color: rgba(32, 32, 32, 0.7019607843);
  line-height: 1.6;
  font-size: 18px;
}
@media (max-width: 1600px) {
  .single-industrial-content ul li {
    font-size: 16px;
  }
}
.single-industrial-content ul li strong {
  color: #151448;
  font-size: 19px;
  font-weight: 700;
}
@media (max-width: 1600px) {
  .single-industrial-content ul li strong {
    font-size: 17px;
  }
}
.single-industrial-content ul li:not(:last-child) {
  margin-bottom: 18px;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.feature-wrap-sec{
    max-width:1450px;
    overflow-x:scroll;
    margin-bottom:1.5rem;
}
.feature-wrap-sec .nav-link{
    width:200px;
}
.feature-wrap-sec .nav{
    flex-wrap:unset;
}
.industry-content-new p{
        color: rgba(32, 32, 32, 0.7019607843);
    line-height: 1.6;
    font-size: 18px;
    margin-bottom:15px;

}
.contact-sec p a{
    color:#fff;
    font-family: 'SF UI Display-Medium';
    font-size: 20.2589px;
}
.video-sec img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.bloginner-sec ul{
	list-style-type: disc;
    margin-left: 16px !important;
	padding-left:15px;
}
.bloginner-sec ul li{
	margin-bottom: 10px;
}

/* --------------------------------------------------- Ebook Styles start --------------------------------------------------- */

.ebookSection{
    padding: 60px 0;
    /* background-color: #f3f3ff; */

}
.ebookNav{
    display: flex;
    align-items: center;
    justify-content: center;
}
.mx-1200{
    max-width: 1230px;
    margin: auto;
    padding: 0 15px;
}
.ebook-page .nav-pills .nav-link{
    font-size: 20px;
    line-height: 1.2;
    color: #000;
    margin-bottom: 15px;
    font-family: 'SF UI Display-Semi-Bold';
}
.ebook-page .nav-pills .nav-link.active{
    text-decoration: underline;
    background-color: transparent;
    color: #7155C8;

}
.sub-headbook{
    font-size: 32px;
    color: #151448;
    position: relative;
    width: fit-content;
    margin-bottom: 25px;
    font-weight: 700;
    font-family: 'SF UI Display-Bold';
}
.ebook-card h5{
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 500;
    font-family: 'SF UI Display-Regular';
}
.ebook-card{
    box-shadow: 0px 3px 40px #AFAFAF26;
    margin-bottom: 20px;
}
.ebook-card .ebook-content{
    padding:20px 25px ;
    background-color: #fff;
}
.ebook-card .sub-headbook{
    font-size:25px;
    overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp:2; /* number of lines to show */
           line-clamp:2; 
   -webkit-box-orient: vertical;
}

.ebook-wrap{
    padding: 20px 0;
}
.ebook-img{
    height: 280px;
    width: 100%;
}
.ebook-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.ebook-inner-content{
    padding: 70px 0 40px;
      /* background-color: #F3F6FB; */
}
.main-headbook{
  text-align: center;
    margin: auto;
    margin-bottom: 48px;
}

.latest-ebooks{
    padding: 60px 0;
    /* background-color: #F3F6FB; */
}
.ebook-form{
    background-color: #442B95;
    padding: 30px 50px;
    border-radius: 15px;
}
.ebook-form .main-headbook{
    color: #fff;
}
.e-bookhead .section-blogheader{
    max-width: 65%;
    margin: auto;
}
.e-bookhead{
    padding: 120px 30px 120px;
}
.ebook-inner-content ul{
    margin-left:16px !important;
    list-style-type:disc;
}
.ebook-inner-content ul li{
    margin-bottom:12px;
}
.ebook-inner-content .headbook {
    margin-bottom:25px
}
.ebook-page .section-header{
    margin-bottom:50px;
    text-align:center;
}
.ebook-content p{
    margin-bottom:10px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'SF UI Display-Regular';
}
/* --------------------------------------------------- Ebook Styles end --------------------------------------------------- */

/* --------------------------------------------------- FAQ Styles start --------------------------------------------------- */
.faq-section{
    padding: 60px 0 80px;
}
.faq-wrap .accordion-header button {
    font-size: 22px;
    padding: 15px 30px;
    font-family: 'SF UI Display-Regular';
}
.faq-wrap .accordion-body{
    padding: 15px 30px !important;
}
.faq-wrap .accordion-body p{
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 12px;
    color: #000;
    font-family: 'SF UI Display-Regular';
}
.faq-wrap .accordion-body p:last-child{
    margin-bottom: 0 !important;
}
.faq-wrap .accordion-item .accordion-button {
    background: #F9F9F9;
}
.faq-wrap ul{
    list-style-type: disc;
    margin-left: 16px !important;
}
.faq-wrap ul li{
    color: #000;
    font-size: 18px;
    line-height: 1.5;
    font-family: 'SF UI Display-Regular';
    margin-bottom:10px;
}
.faq-banner .section-head{
    color: #151448;
}
.faq-wrap .accordion-item{
    border: 0;
    margin-bottom: 10px;
}
.faq-banner{
    background-color: #f3f3ff;
    padding: 150px 0 100px;
}
.faq-banner p{
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 12px;
    color: #000;
    font-family: 'SF UI Display-Regular';
    text-align:center;
}
.video-wrapper video{
    margin-bottom: 10px;
    height: 100%;
    width: 100%;
    min-height: 215px;
}
.video-wrapper p{
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 12px;
    color: #151448;
    font-family: 'SF UI Display-Medium';
}
.video-wrapper{
    margin-bottom:30px;
}

/* --------------------------------------------------- FAQ Styles end --------------------------------------------------- */
/* --------------------------------------------------- Submenu Styles start --------------------------------------------------- */
.menu-item-has-children {
    position: relative
}
.nav-bar ul .menu-item-has-children>a::after {
   height: 0;
    width: 0;
    content: '\2304';
    position: absolute;
    top: -8px;
    right: -5px;
    display:block;

}
.menu-item-has-children .sub-menu {
    position: absolute;
    white-space: nowrap;
    display: none;
    background: rgba(255, 255, 255, 255.9);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .5);
    top: 45px;
    left: 24px;
    /* overflow: hidden; */
	width: 180px;
	margin-left: 0;
	padding-left: 0;
}
@media (max-width:991px) {
    .menu-item-has-children .sub-menu  {
        box-shadow: none;
        position: static;
        margin-top: 15px;
        white-space: wrap;
        padding-left: 1rem
    }
}
.menu-item-has-children .sub-menu li {
    margin-right: 0 !important;
	padding: 0;
}
.menu-item-has-children .sub-menu li a {
    display: block !important;
    padding: 8px 20px !important;
    color: #000 !important
}
.menu-item-has-children .sub-menu li a:hover {
    background: #F4F0FB;
}
.menu-item-has-children .sub-menu.active {
    display: block;
}

@media (min-width:992px) {
    .menu-item-has-children .sub-menu{
        opacity: 1;
        visibility: hidden;
        /* transition: .2s ease;
        transform: translateY(50px); */
        /* height: auto; */
        display: block ;
    }
    .sub-menu .menu-item-has-children:hover .sub-menu{
    	display: block !important;
    }
    .menu-item-has-children:hover .sub-menu{
        opacity: 1;
        visibility: visible;
        /* transform: translateY(0) */
    }
}
/* --------------------------------------------------- Submenu Styles end --------------------------------------------------- */
.tab-content:focus-visible,.tab-pane:focus-visible{
    outline:none !important;
}
.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container{
    color:#fff;
}
.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=tel], .intl-tel-input.separate-dial-code input[type=text]{
    padding-left:85px !important;
}
.intl-tel-input .country-list li.country,.intl-tel-input .country-list .country .dial-code {
    color: #000 !important;
}
.contactForm .intl-tel-input.allow-dropdown .flag-container,.contactForm .intl-tel-input.separate-dial-code .flag-container{
    color:#000;
}



/* --------------------------------------------------- Industries Styles start --------------------------------------------------- */
.industry-banner {
    position: relative;
    overflow: hidden;
    height: 100vh;
    padding-top: 0 !important;
}

.industry-banner .section-header {
    position: absolute;
    height: 100%;
    top: 0;
    left: 10%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.industry-banner .section-head {
    color: #fff;
    text-align: left;
    font-family: 'SF UI Display-Medium';
}
.in-head{
    font-family: 'SF UI Display-Medium';
    font-size:40px;
}
.industry-banner p {
    color: #fff;
    text-align: left;
    margin-bottom: 40px;
    max-width: 80%;
}

.industry-banner-img {
    width: 100%;
    height: 100%;
    position: relative;
}

.industry-banner-img::after {
    height: 100%;
    width: 100%;
    position: absolute;
    content: '';
    background: linear-gradient(266.63deg, rgba(0, 0, 0, 0) 2.78%, #000000 131.72%);
    left: 0;
    top: 0;
}

.industry-banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.powerful-sec {
    background-image: url('../images/industries/powesuply-bg.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0;
}

.powerful-content {
    max-width: 855px;
    margin: auto;
}

.powerful-content p {
    color: #fff;
}

.know-morebtn {
    border-radius: 25px;
    background-color: #302662;
    padding: 15px 25px;
    display: inline-block;
    font-family: 'SF UI Display-Medium';
    font-size: 18px;
    line-height: 1.3;
    color: #FFFFFF;
    border: 1px solid #302662;
}

.know-morebtn:hover {
    color: #302662;
    background-color: #fff;
    transition: 0.5s;
}
/*.know-morebtn:visited{*/
/*    color:#fff;*/
/*}*/

.industy-list-wrapper {
    padding: 80px 0;
}

.industy-list-wrapper .subhead {
    text-align: left;
    max-width: 50%;
    color: #414141;
    font-size: 35px;
}

.industry-card-text {
    max-width: 50%;
    padding: 30px 20px;
}

.industry-card-text .para-text {
    text-align: left;
    color: #7B7B7B;
    margin-bottom: 40px;
    font-size: 18px;
}

.indusry-card {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 20px;
    border-radius: 20px;
    background-color: #F3FFEB;
    gap: 20px;
    height: 100%;
}

.industy-list-wrapper .row [class^="col-"] {
    margin-bottom: 20px;
}

.industy-list-wrapper .row [class^="col-"]:nth-child(2) .indusry-card {
    background-color: #FFF9EB;
}

.industy-list-wrapper .row [class^="col-"]:nth-child(3) .indusry-card {
    background-color: #F1EBFF;
}

.industy-list-wrapper .row [class^="col-"]:nth-child(4) .indusry-card {
    background-color: #FEFFEB;
}

.industy-list-wrapper .row [class^="col-"]:nth-child(5) .indusry-card {
    background-color: #FFF9EB;
}

.industry-card-img {
    height: 100%;
    max-width: 50%;
    border-radius: 10px;
    overflow: hidden;
}

.industry-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.mx-1400 {
    max-width: 1430px;
    padding: 0 15px;
    margin: auto;
    width: 100%;
}

.illustraion-sec {
    background-image: url('../images/industries/illuster-bg.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0;
}

.illustration-img {
    height: 400px;
    width: 400px;
    margin: auto;
}

.illustration-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.illustraion-content {
    display: flex;
    align-items: center;
    max-width: 500px;
    justify-content: center;
    height: 100%;
}

.illustraion-content p {
    color: #fff;
    text-align: left;

}

.in-contectsec {
    background-image: url('../images/industries/getready-img.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 200px 0;
    position: relative;
}

.in-contectsec::after {
    height: 100%;
    width: 100%;
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    background: linear-gradient(89.99deg, #000000 1.61%, rgba(0, 0, 0, 0) 99.99%);
}

.in-contectsec .section-header {
    max-width: 65%;
    position: relative;
    z-index: 1;
}

.in-contectsec .section-head {
    color: #fff;
    text-align: left;
}

.in-contectsec .para-text {
    color: #fff;
    text-align: left;
    max-width: 50%;
    margin-bottom: 40px;
}

.industry-dec-sec {
    padding-top: 80px;
}

.industry-dec-sec p {
    color: #7B7B7B;
    max-width: 90%;
    margin: auto;
}

.challenges-sec .row [class^="col-"] {
    margin-bottom: 55px;
}

.challenges-sec .row [class^="col-"] {
    margin-bottom: 20px;
}

.challenges-sec .row [class^="col-"]:nth-child(2) .indusry-card {
    background-color: #FFF9EB;
}

.challenges-sec .row [class^="col-"]:nth-child(3) .indusry-card {
    background-color: #F1EBFF;
}

.challenges-sec .row [class^="col-"]:nth-child(4) .indusry-card {
    background-color: #FEFFEB;
}

.challenges-sec .row [class^="col-"]:nth-child(5) .indusry-card {
    background-color: #FFF9EB;
}

.challenges-sec .industry-card-img {
    height: auto;
    width: 100%;
    display: flex;
    flex-shrink: 0;
    max-width:35%;
}
.mb-40{
    margin-bottom:40px
}
.challenges-sec .indusry-card{
    align-items:start;
    padding:35px 20px;
}
.challenges-sec .indusry-card .industry-card-text{
    padding:0 20px;
}
.challenges-sec .industry-card-text {
    max-width: 60%;
}

.challenges-sec .industry-card-text p {
    margin-bottom: 0;
    font-size:15px !important;
}

.module-sec {
    padding: 65px 0;
    background-color: #FCFCFC;
}

.module-sec .section-head {
    text-align: left;
}

.module-card {
    max-width: 24%;
    padding: 25px 25px 25px 35px;
    border: 1px solid #BEBEBE;
    border-radius: 5px;
    background-color: #fff;
    transition: .2s ease;
    height: auto;
}

.module-card .card-head {
    font-family: 'SF UI Display-Regular';
}
.module-card svg {
    margin-bottom: 20px;
}

.module-card p {
    font-family: 'SF UI Display-Regular';
    font-style: normal;
    font-weight: 300;
    font-size: 14px !important;
    line-height: 1.5;
    color: #7B7B7B;
}

.module-card:hover {
    background: linear-gradient(149.91deg, #0059FF -11.61%, #2F2463 111.66%);
}

.module-card:hover .card-head,
.module-card:hover p {
    color: #fff;
}

.module-card:hover svg path {
    fill: #fff;
}

.module-list-wrapper {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.erp-banner-sec .industry-banner-img::after {
    background: linear-gradient(272.55deg, rgba(0, 0, 0, 0) 5.98%, #041D27 70.03%);
}

.erp-contact {
    background-image: url('../images/industries/erp-contact.webp');
}

.ts-btn {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
}

.ts-btn:hover {
    background-color: #fff;
    color: #2e1c48;
}

.erp-contact .btn-wrap {
    max-width: 100%;
    justify-content: start;
    gap: 15px;
}

.insteps-section {
    background-color: #302662;
    padding-top: 65px;
}

.insteps-section .section-head {
    color: #fff;
}

.insteps-wrap {
    display: flex;
    height: 100%;
    justify-content: center;
}

.insteps-text {
    padding: 45px 30px;
    height: 370px;
}

.insteps-text .card-head {
    font-size: 20px;
}

.insteps-text ul {
    list-style-type: disc;
    padding-left: 15px;
    font-size: 16px;
}

.insteps-img {
    height: 370px;
    width: 100%;
}

.insteps-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.insteps-col {
    display: flex;
    flex-direction: column;
    background: linear-gradient(359.75deg, #302662 -26.17%, #0043FF 106.3%);
    border-radius: 0px;
    justify-content: space-between;
}

.insteps-wrap:nth-child(even) .insteps-col {
    background: linear-gradient(179.71deg, #302662 0.23%, #0043FF 126.12%);
}

.insteps-text .card-head {
    color: #fff;
}

.insteps-text ul li {
    color: #fff;
}

.inwhy-choose-sec {
    padding: 70px 0;
}

.inwhy-choose-sec .tab-pane .section-header {
    max-width: 40%;
    margin-bottom: 40px;
}

.inwhy-choose-sec .tab-pane .section-header p {
    font-size: 18px;
    color: #7B7B7B;
    text-align: left;
    font-family: 'SF UI Display-Regular';
}

.inwhy-choose-sec .nav-pills .nav-link {
    border: 1px solid #E5E5E5;
    background: transparent;
    padding: 15px 30px;
    border-radius: 50px;
    color: #212121;
    font-size: 18px;
    font-family: 'SF UI Display-Regular';
}

.inwhy-choose-sec .nav-pills:focus {
    box-shadow: 0;
}

.inwhy-choose-sec .nav-pills .nav-link.active,
.inwhy-choose-sec .nav-pills .nav-link:hover {
    background: #302662;
    color: #fff;

}

.inwhy-choose-sec .nav-pills {
    gap: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inwhy-choose-sec .tab-content {
    background-color: #FCFCFC;
    padding: 60px 0 25px;
}

.why-choose-wrapper {
    display: flex;
    gap: 25px;
}

.why-choose-card {
    border: 1px solid #EFEFEF;
    background: #FFFFFF;
    padding: 30px 35px;
    border-radius: 20px;
    width: 25%;
    height: auto;
}

.why-choose-card:hover {
    background: #FFFFFF;
    border: 0.5px solid #EFEFEF;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    transition: 0.2s ease-out;

}

.choose-icon {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    width: 65px;
    background: #F1EBFF;
    margin-bottom: 15px;
}

.why-choose-card:nth-child(even) .choose-icon {
    background: #FFF9EB;
}

.why-choose-card:nth-child(3) .choose-icon {
    background: #F3FFEB;
}

.why-choose-card h5 {
    font-style: normal;
    font-size: 20px;
    line-height: 1.6;
    color: #000000;
    font-family: 'SF UI Display-Medium';
}

.inbenefits-sec {
    padding: 80px 0;
}

.inbenefits-sec .section-head {
    text-align: left;
    max-width: 50%;
}

.inbenefits-sec .nav-pills {
    display: flex;
    flex-direction: column;
}

.inbenefits-sec .nav-link {
    font-size: 25px;
    line-height: 1.5;
    text-align: left;
    color: #C2C2C2;
    display: flex;
    align-items: center;
    gap: 20px;
}

.inbenefits-sec .nav-link span {
    border-radius: 50%;
    border: 1px solid #C2C2C2;
    color: #C2C2C2;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.inbenefits-sec .nav-pills .nav-link.active {
    background-color: transparent;
    color: #302662;
}

.inbenefits-sec .nav-pills .nav-link.active span {
    background-color: #302662;
    color: #fff;
}

.inbenefits-sec .nav-item {
    margin-bottom: 30px;
}

.inbenefit-list-wrap {
    display: flex;
    flex-wrap: wrap;
}

.inbenefit-card {
    border: 1px solid #BEBEBE;
    padding: 25px 45px;
    width: 50%;
    height: auto;
}

.inbenefit-card svg {
    margin-bottom: 55px;
}

.inbenefits-sec p {
    font-size: 20px;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 40px;
    max-width: 60%;
}

.inbenefit-card h5 {
    color: #7B7B7B;
    max-width: 90%;
}

.inbenefit-list-wrap>.inbenefit-card:nth-child(1):hover {
    background-color: #FEFFEB;
}

.inbenefit-list-wrap>.inbenefit-card:nth-child(2):hover {
    background-color: #F1EBFF;
}

.inbenefit-list-wrap>.inbenefit-card:nth-child(3):hover {
    background-color: #F3FFEB;
}

.inbenefit-list-wrap>.inbenefit-card:nth-child(1) {
    border-bottom: 0;
    border-right: 0;
}

.industry-banner .wt-btn {
    color: #212121;
    border: 0;
    font-family: 'SF UI Display-Semi-Bold';
}

.industry-banner .wt-btn:hover {
    color: #fff;
}

.door-sec .section-head {
    max-width: 50%;
}

.door-sec .industry-banner-img::after {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #71664D 96.3%);

}

.door-sec p {
    max-width: 30%;
}

.smart-card {
    width: 100%;
    overflow: hidden;
    border: 1px solid #EFEFEF;
    background: #FFFFFF;
    padding: 25px 45px;
    border-radius: 20px;
    height: 100%;
}

.smart-card h5 {
    font-style: normal;
    font-size: 25px;
    line-height: 1.6;
    color: #000000;
    font-family: 'SF UI Display-Medium';
    margin-bottom: 15px;
}

.smart-card p {
    color: #7B7B7B;
    font-size: 16px;
    font-family: 'SF UI Display-Regular';
}

.smart-sec {
    background-color: #FCFCFC;
    border-radius: 20px;
    padding: 60px 40px;
    margin-bottom: 50px;
}

.dooroperation-card {
    position: relative;
    overflow: hidden;
    padding: 45px 40px;
    width: 25%;
}

/* Image is hidden by default */
.hover-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease-in, visibility 0.4s ease;
}

/* Hide content initially on hover */
.dooroperation-card:hover .card-content {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease-in, visibility 0.4s ease;

}

/* Show image on hover */
.dooroperation-card:hover .hover-image {
    opacity: 1;
    visibility: visible;
}

.dooroperation-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    border-radius: 25px;
    background-color: #FFFFFF;
    overflow: hidden;
}

.dooroperation-card svg {
    margin-bottom: 25px;
}

.dooroperation-wrapper>.dooroperation-card:nth-child(2) {
    background-color: #F3FFEB;
}

.dooroperation-wrapper>.dooroperation-card:nth-child(4) {
    background-color: #FFF9EB;
}

.dooroperation-wrapper>.dooroperation-card:nth-child(5) {
    background-color: #F1EBFF;
}

.dooroperation-wrapper>.dooroperation-card:nth-child(7) {
    background-color: #FEFFEB;
}

.door-contact {
    background-image: url('../images/industries/door-todoorcontact.webp');
}

.doorindustry-card {
    background-color: #FFF9EB;
    padding: 45px 40px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;

}

.doorindustry-img {
    margin: auto;
    display: flex;
    flex-shrink: 0;
}

.doorindustry-text {
    max-width: 330px;
}

.doorindustry-text p {
    color: #7B7B7B;
    margin-bottom: 15px;
    font-size: 16px;
    font-family: 'SF UI Display-Regular';
}

.doorindustry-text ul {
    list-style-type: disc;
    padding-left: 16px;
}

.doorindustry-text ul li {
    font-size: 16px;
    font-family: 'SF UI Display-Regular';
}

.doorindustry-sec .row [class^="col-"] {
    margin-bottom: 40px;
}

.doorindustry-sec .row>.col-md-6:nth-child(3n+1) .doorindustry-card {
    background-color: #FFF9EB;
}

.doorindustry-sec .row>.col-md-6:nth-child(3n+2) .doorindustry-card {
    background-color: #F3FFEB;
}

.doorindustry-sec .row>.col-md-6:nth-child(3n) .doorindustry-card {
    background-color: #F1EBFF;
}

.head-third .nav-bar ul li a {
    color: #fff;
}

.head-third.affix .nav-bar ul li a {
    color: #000;
}

.affix-logo {
    display: none;
}

.head-third.affix .affix-logo {
    display: block;
}

.head-third.affix .wt-logo {
    display: none;
}

.in-contectsec .wt-btn {
    border: 0;
}

.smart-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.workflow-section {
    position: relative;
    background: url('../images/industries/doorstep-img.webp') no-repeat center center/cover;
    color: white;
    padding-top: 80px;
    height: 100vh;
}

.workflow-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90%;
    background: linear-gradient(179.52deg, rgba(0, 0, 0, 0) 0.41%, #000000 42.95%);
}

.workflow-content {
    position: absolute;
    bottom: 100px;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
    width: 90%;
}
.workflow-content svg {
    width: 100%;
}
#contact-detailssec{
    scroll-margin-top:50px;
}
.in-contectsec .in-head {
    max-width:65%;
}
.indusry-card  .card-head,.dooroperation-card .card-head{
    font-family: 'SF UI Display-Medium';
}
/* --------------------------------------------------- Industries Styles end --------------------------------------------------- */

.error-page{
   height:90vh;
   text-align: center;
   display: flex;
}
.error-content{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.error-content h1{
    font-size: 10vh;
    color: #6535FF;
    font-weight: 600;
    margin-bottom: 15px;
    font-family: 'SF UI Display-Medium';
}
.error-content p{
    color: #6535FF;
    margin-bottom: 15px;
    font-family: 'SF UI Display-Medium';
    font-size: 18px;
}
.error-content .btn {
    font-size: 18px;
}



/* --------------------------------------------------- Freight Styles start --------------------------------------------------- */
.freight-img{
    border-radius: 20px;
    overflow: hidden;
}
.sec-subhead{
    font-size: 40px;
    font-family: 'SF UI Display-Medium';
    text-align: left;
}
.freightf-sec{
    padding-top: 100px;
}
.freightf-sec .para-text{
    text-align: left;
    color: #7B7B7B;
    font-size: 16px;
    margin-bottom: 15px;
    max-width: 90%;
    margin-left: 0;
}
.freight-challenge .smart-card h5{
    color: #414141;
    font-family: 'SF UI Display-Regular';
}
.freight-challenge{
    padding: 25px 0 60px;
}
.freight-challenge .smart-card .choose-icon{
    background: #F1EBFF;
}
.freight-challenge .smart-card:nth-child(2) .choose-icon {
    background: #FFF9EB;
}
.freight-challenge .smart-card:nth-child(3) .choose-icon {
    background: #FFF9EB;
}
.freight-keyfeatures{
    background: linear-gradient(104.58deg, #0B33FF -43.88%, #272F80 97.51%);
    border-radius: 20px;
    padding: 80px 0 100px;
}
.freight-keyfeatures .sec-subhead{
   color: #fff;
}
.freight-keyfeatures .para-text{
    color: #fff;
    max-width: 70%;
    font-size: 16px;
    text-align: left;
    margin: auto;
    margin-right: 0;
    margin-bottom: 70px;
}
 .freightfeature-card-wrapper{
    display: flex;
    justify-content: center;
    gap: 13px;
    height: 400px;
 }
.freightfeature-card{
    width: 25%;
    position: relative;
    overflow: hidden;
    padding: 50px 35px;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background-color: #fff;
    height: 100%;
}
.freightfeature-card .card-head{
    font-family: 'SF UI Display-Regular';
    color: #414141;
    margin-bottom: 0;
}

.hover-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    padding: 40px 35px 35px;
    transition: opacity 0.4s ease-in, visibility 0.4s ease;
    background: linear-gradient(146.95deg, #0B33FF -11.74%, #272F80 80.41%);
    border-radius: 20px;

}
.hover-text  p{
    font-size: 14px;
     color: #fff;
}
.hover-text .card-head{
    color: #fff;
    margin-bottom: 15px;
}
.freightfeature-card:hover .hover-text {
    opacity: 1;
    visibility: visible;
}
/*.freight-weserve-sec{*/
/*    padding-bottom: 100px;*/
/*}*/
.freight-contact{
    background-image: url('../images/freight/freight-contact.webp');
}
.freight-contact .btn-wrap {
    margin-left: 0;
}
.fr-service-wrap{
    display: flex;
    justify-content: center;
    gap: 13px;
}
.fr-service-card:nth-child(1):hover {
  background-color: #FFF9EB;
}

.fr-service-card:nth-child(2):hover {
  background-color: #F3FFEB; 
}

.fr-service-card:nth-child(3):hover {
  background-color: #F1EBFF; 
}
.fr-service-card{
    padding: 50px 30px;
    border: 1px solid #d0d0d0;
    background-color: #fff;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33.3%;
    height: auto;
}
.fr-service-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.fr-service-content h3{
    font-family: 'SF UI Display-Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 1.3;
    color: #414141;
    margin-bottom: 15px;
}
.fr-service-content .section-header{
    margin-bottom: 25px;
}
.fr-workflow-sec {
    padding: 80px 0;
}
.fr-service-content p{
    color: #7B7B7B;
    font-size: 16px;
}
.fr-service-content .para-text{
    text-align: left;
}
.fr-workflowwrap {
    display: flex;
    justify-content: center;
}
.fr-serviceimg{
    height: 300px;
    width: 80%;
    margin: auto;
    border-radius: 20px;
    overflow: hidden;
}
.fr-serviceimg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.fr-workflow-img {
    width: 100%;
    height: 150px;
    position: relative;
    margin-bottom: 15px;
    border-bottom: 1px dashed #7B7B7B;
    padding: 30px 0;
}
.mob-freight-container .fr-service-content{
    margin-bottom: 20px;
}
.mob-freight-grid{
    border: 1px solid #7B7B7B;
    border-radius: 15px;
    max-width: 90%;
    padding: 30px 30px;
    margin: auto;
    margin-bottom: 25px;
}
.fr-workflow-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.fr-workflow-img::after {
    width: 8px;
    height: 8px;
    content: '';
    background-color: #0823B3;
    position: absolute;
    bottom: -5px;
    left: 7rem;
    border-radius: 50%;
}

.fr-workflow-img::before {
    width: 15px;
    height: 15px;
    content: '';
    position: absolute;
    bottom: -8px;
    border: 1px solid #999999;
    left: 6.8rem;
    border-radius: 50%;
    background-color: #fff;
}


.fr-workflow-step {
    position: relative;
    width: 16.6%;
}

.label::after {
    width: 8px;
    height: 8px;
    content: '';
    background-color: #0823B3;
    position: absolute;
    top: 10px;
    left: 7rem;
    border-radius: 50%;
}

.label::before {
    width: 1px;
    height: 15px;
    content: '';
    position: absolute;
    top: -7px;
    left: 7.2rem;
    border: 1px dashed #999999;
}

.label {
    position: relative;
    width: 100%;
    
    padding-top: 15px;
}

.label p {
    font-family: 'SF UI Display-Regular';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    color: #414141;
    text-align: center;
    max-width: 80%;
    margin:15px auto

}

.left-container {
  width: 40%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.right-container {
    width: 60%;
    height: 100vh;
  overflow: hidden;
  position: relative;
}
.right-content {
  width: 100%;
}

.right-element {
  height: 100vh;
}

.left-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.left-content {
  width: 100%;
  max-width: 520px;
  height: 100%;
  max-height: 590px;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  margin: auto;
}

.left-content img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.left-content img:first-child {
  opacity: 1;
}
.freight-container{
    display: flex;
    height: 100vh;
    align-items: center;
    justify-content: center;
    gap:100px;
}
.right-content {
  display: flex;
  overflow: hidden; 
}

.right-content .right-element {
  flex: 0 0 100%; 
  padding-right:50px;
}
.right-content {
  display: flex;
  overflow: hidden;
}

.right-content .right-element {
  flex: 0 0 90%;
  opacity: 0; 
}
.right-content .right-element:first-child {
  opacity: 1; 
}
.mob-freight-container{
    display: none;
}
/* --------------------------------------------------- Freight Styles end --------------------------------------------------- */
.in-contectsec .btn-wrap{
    max-width:100% !important;
    gap:15px;
    justify-content:unset !important;
}

/* --------------------------------------------------- ERP Styles start --------------------------------------------------- */
.in-head {
    font-family: 'SF UI Display-Medium';
    font-size: 40px;
}
.stikycard-wrap {
    display: flex;
    gap: 5rem;
    padding-top: 30px;
    background-color: transparent;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 0;
    border: 0;
    background: #302662;
    border-radius: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
        overflow: hidden;
}

.stikycontent-text {
    background-color: #302662;
    overflow: hidden;
    width: 60%;
    border-top: 1px solid #fff;
    padding-top: 1.8rem;
    flex-shrink: 0;
    /*padding-left: 20px;*/
}

.stikycontent-img-wrap {
    width: fit-content;
    height: 100%;
    background-color: #302662;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 35px 0; */
    flex-shrink: 0;
}

.stikycontent-img {
    height: 100%;
    width: 60%;
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
        padding: 30px 0;
}

.stikycontent-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    opacity: 1;
    transition: opacity 0.8s ease-in-out;
}

.card {
    z-index: 0;
    top: 5rem;
}

.card1 {
    z-index: 1;
    top: 11rem;
}

.card2 {
    z-index: 2;
    top: 17rem;
}

.card3 {
    z-index: 3;
    top: 23rem;
}

.card4 {
    z-index: 4;
    top: 29rem;
}

.card5 {
    z-index: 5;
    top: 35rem;
}

.card6 {
    z-index: 6;
    top: 20rem;
}

.insteps-section .section-head {
    color: #fff;
}

.insteps-wrap {
    display: flex;
    height: 100%;
    justify-content: center;
}

.stikycontent-text .card-head {
    font-family: 'SF UI Display-Regular';
    color: #fff;
    font-size: 30px;
    margin-bottom: 2rem;
}

.stikycontent-text ul {
    list-style-type: disc;
    padding-left: 0;
    font-size: 16px;
    margin-left: 16px !important;
}

.stikycontent-text ul li {
    color: #fff;
    margin-bottom: 10px;
}

.insteps-section-wrap {
    display: flex;
    align-items: flex-start;
    position: relative;
    height: 100vh;
}

html.lenis,
html.lenis body {
    height: auto
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
    overflow: clip
}

.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch] {
    overscroll-behavior: contain
}

.lenis.lenis-smooth iframe {
    pointer-events: none
}

.lenis.lenis-autoToggle {
    transition-property: overflow;
    transition-duration: 1ms;
    transition-behavior: allow-discrete
}

.insteps-section {
    /* background: linear-gradient(204.55deg, #302662 1.92%, #0B4DDB 180.63%); */
    background-color: #302662;
    padding: 65px 0 150px;
}
.erp-banner-sec .btn{
    font-size:18px;
}
.erp-banner-sec .sec-subhead{
    font-size:55px;
}
/* --------------------------------------------------- ERP Styles end --------------------------------------------------- */