/*Homepage*/
.home--banner{ padding: 30px 0px; text-align: center;} 
.hb-head, .hb-desc{ overflow: hidden;}
.hb--image{ width: 100%; height: 100%; overflow: hidden;} 
.hb--inner{ overflow: hidden;}
.mt--10{margin-top: -10px;}
@media (max-width: 767px) {

  .testi-box h4{
    font-size:16px!important;
  }
  .f-18-lg{font-size: 18px!important;}

  .product-title{font-size:14px!important;}
  .resource-tabs .site--tabs .nav-tabs {justify-content: center;}
}

/** Client logo Carousel **/
.hclient--logos{ overflow: hidden; padding-top: 40px;}
.hclient--logos .swiper {width: 100%; height: 100%;}
.hclient--logos .swiper-wrapper{ align-items: center; -webkit-transition-timing-function:linear!important;    transition-timing-function:linear!important; position: relative;}
.hclient--logos .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .hclient--logos .swiper-slide img{filter: grayscale(1);}
  
 .testimonial-slider{ padding-bottom: 20px;}
 .testi-box{ padding:30px 20px;text-align: center; max-width: 966px; width: 100%; margin:0 auto 0;border: 1px solid #D2D2D2;}
 .testi-box h4{ max-width: 720px; position: relative; padding-left: 20px; margin-bottom: 10px; margin-left: auto; margin-right: auto;}
 .testi-box h4{ font-weight: 600;}
 .testi-box h4:before{ content: "“"; position: relative; top: -3px; left: -5px;}
 .testi-box h4:after{ content: "”"; position: absolute; bottom: 0px; margin-left: 5px;}
 .testi-box .tcomp{ color:black; font-size: 18px;font-weight:400;}
 .testi-box .tname{ font-size: 18px;font-weight:600;}
 .site--slider.testimonial-slider .swiper-button-next, .site--slider.testimonial-slider .swiper-button-prev{ bottom: 3px; top: unset;}
 .testi-pagi{ font-weight: bold;}

 @media (min-width: 768px) {
  .testi-box h4{ padding-left: 30px; margin-bottom: 20px;font-size:18px;font-weight:600;}
  .testi-box{ padding: 30px;}
 }


.hcs-banner { position: relative; overflow: hidden;}
.hcs--list{ margin-bottom: 0; padding: 0px 0px 0px 20px;}
.hcs--list li{ margin-bottom: 10px;}
.speed-cloud-sec .txt-24 { font-weight: 600; font-family: var(--font-head);}
.cslide-title p{ font-size: 16px; font-weight: 600; color: #000; display: inline-block; text-transform: uppercase; margin-bottom: 0; text-decoration: underline;}
.cslide-inner .txt-24{ font-weight: 500; font-family: var(--font-head);}
.cslide-inner ul{ padding: 0px 0px 0px 16px;}
.cslide-inner ul li{ margin-bottom: 10px; font-size: 18px;}
.cslide-banner{ position: relative; overflow: hidden;}
.cslide-tabs .site--tabs .nav-tabs{ justify-content: flex-start; padding: 0; }
.cslide-tabs .nav-item{ margin-bottom: 0px;}
.cslide-tabs .site--tabs .nav-link{ background: #F1F1F1; border: 0; border-radius: 0; font-size: 16px; color: #000; padding: 5px 50px; 
  margin-right: 20px; width: 100%; border-bottom: 1px solid #000;}
.cslide-tabs .site--tabs .nav-link.active{ background: #000; color: #fff; font-weight: 600;}
.cslide-tabs .site--tabs .tab-content{ padding-top: 16px;}
.cslide-tabs .site--tabs .tab-content li{ margin-bottom: 0; font-size: 16px;}

@media (max-width: 767px) {
  .cslide-tabs .site--tabs .nav-tabs {width: unset; overflow-x: unset; margin-bottom: 0px; padding-bottom: 0px;}
}

 @media (min-width: 768px) {
  .hcs--list li{ margin-bottom: 10px;}
  .hcs--list li:nth-last-of-type(1){ margin-bottom: 0;}
  .cslide-title p{ font-size: 16px;}
 }

/* cargo Desktop Start*/
.cargo-desktop{ display: none;}

@media (min-width: 1200px) {
   .cargo-desktop{ display: block;}
   .visible-mobile{ display: none;}
}

@media (min-width: 1200px) {
  .cargo-desktop .cslide-inner{ display: flex; flex-direction: column; justify-content: center; height: 100vh;}
}

@media screen and (min-width: 1920px), 
screen and (min-height: 1080px) {
    .slidecontent {display: flex; align-items: center; height: 100%;}
}
.dd-rht .tabcontent1, .dd-rht .tabcontent2, .dd-rht .tabcontent3, .dd-rht .tabcontent4, .dd-rht .tabcontent5 { display:none;}
.cargo-desktop{overflow: hidden; height: 100%; position: relative;}
.dd-left-bg{height: 100vh; display: flex; align-items: center; position: relative;} 
.dd-left{display: flex; flex-direction: column; justify-content: center; width: 100%;}  
.dd-rht{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.ddslide{ width: 100%; height: 100vh; position: absolute; top: 0; left: 0;}
.ddslide1, .ddslide2, .ddslide3, .ddslide4, .ddslide5{  padding: 20px 0px 10px;}


.about-slider{ position: relative; padding-bottom: 30px;}
.about-slider.site--slider .swiper-pagination-bullet {background: #D9D9D9; opacity: 1; width: 6px; height: 4px;} 
.about-slider.site--slider .swiper-pagination-bullet-active{background: #000; width: 20px;}
.about-slider.site--slider .swiper-pagination-bullets.swiper-pagination-horizontal{ bottom: 0;}

/* .board-mem-pic{ } */
.abt--box .abt--img{ text-align: center;}
.abt--box .abt--desc{background: #FFFFFF; box-shadow: 0px 7px 22px rgba(0, 0, 0, 0.15); border-radius:0px 3px 3px 0px; padding: 20px;}

@media (max-width: 767px) {
  .abt--box{ padding: 20px;}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .abt--box{ padding-bottom: 30px;}
  .abt--box .abt--desc{ min-height: 260px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1335px) {
  .abt--box .abt--desc{ min-height: 200px;}
}

@media (min-width: 1366px) {
  .abt--box{ display: flex; align-items: center; padding: 30px 16px 30px 0px;}
  .abt--box .abt--img{ flex-shrink: 0;}
  .swiper-slide-active .abt--box{ position: relative;}
  .swiper-slide-active .abt--box:after{ content: ""; background: #000; width: 19px; height: 19px; border-radius: 100%; position: absolute; top: 50%; right: -3px;}
  .about-slider .swiper-slide-next .abt--img{ position: relative; z-index: 9;}
  .about-slider .swiper-slide-next .abt--img:before{content: ""; background: #D0D0D0; width: 47px; height: 4px; position: absolute; top: 53%; left: -47px; z-index: 0;}
}

.abt--list{ margin-bottom: 0; padding: 0px 0px 0px 0px;}
.abt--list li{ margin-bottom: 10px; list-style-type: none;}

@media (min-width: 768px) {
  .abt--list li{ margin-bottom: 20px;}
  .abt--list li:nth-last-of-type(1){ margin-bottom: 0;}
 }

 .advisory-board h6{ font-size: 18px; font-weight: 600; font-family: var(--font-head);}

 .our-assoc-logos{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
 .our-assoc-logos img{ margin: 20px 10px; max-width: 140px;}

 @media (min-width: 768px) {
  .our-assoc-logos img{ margin: 20px; max-width: 180px;}
 }

 @media (min-width: 1200px) {
  .our-assoc-logos{ justify-content: space-between;}
 }

 @media (min-width: 1366px) {
  .our-assoc-logos img{ margin: 10px 10px; max-width: 100%;}
 }

 .product-title{ font-size: 18px; font-weight: 600; color: #000; display: inline-block; text-transform: uppercase; letter-spacing: 0.04em;
  text-decoration-line: underline;}
 .digitize-ce h5{ font-family: var(--font-main); font-weight: 600;}
 
.full-width-banner{ height: 200px;}
@media (min-width: 1200px) {
  .full-width-banner{ height: 350px;}
  .product-title{ font-size: 16px;}
}

 .digitize-banner{ background: url(../images/digitize/digitize-banner.jpg) no-repeat center #000; background-size: cover;}
 .digitize-cargoeye-banner{ background: url(../images/digitize/digitize-banner.jpg) no-repeat  center #000; background-size: cover;}
 .digitize-ce ul{ padding: 0px 0px 0px 16px;}

 .contact-page .footer-contact-sec{ display: none;}
 .contact--box p, .contact--box a{color:white;}
 .contact--box{background: #181717;padding: 60px 30px 60px;border: 1px solid #D2D2D2; 
  position: relative; text-align: center;}
 .contact--box:nth-of-type(1){ margin-bottom: 100px; margin-top: 0px;}
 .contact--box a{ color:white;}
 .contact--box .cnt--icon{ position: absolute; left: 0; right: 0; margin: auto; top: -40px;}

 .contact-form{border: 1px solid #D2D2D2; border-radius:0px; padding: 20px 20px; margin-bottom: 40px;}
 .contact-page-form .form-control{ background: linear-gradient(0deg, #F4F4F4, #F4F4F4), #F4F4F4; border-radius: 0px; border: 0; height: 50px;}
 .contact-page-form textarea.form-control{ height: 100px;}

 @media (min-width: 768px) {
  .contact-form{ margin-bottom: unset;}
}

 @media (min-width: 1200px) {
  .contact-form{padding: 30px 50px;}
}

.privacy-content h4{ font-family: var(--font-main); margin: 20px 0px 20px;}
.privacy-content p, .privacy-content li, .privacy-content a { font-size: 18px; line-height: 32px;}
.privacy-content a{ font-weight: 600; color: #000;}

.flush-tab .accordion-button, .flush-tab .accordion-body{ padding: 16px 0px;}


.vertical--slider{background: #FFFFFF; box-shadow: 0px 7px 22px rgba(0, 0, 0, 0.15); border-radius: 0px 3px 3px 0px; }
.vertical--slider .hiw-img{ position: relative; z-index: 9;}
.vrt--box{padding: 20px 20px 30px 20px;}
.vrt--box-count{ font-size: 24px; color: #ACACAC; font-style: italic; border: 1px solid #ACACAC; flex-shrink: 0; width: 30px; height: 30px; 
  border-radius: 100%; margin: 0px 0 10px; display: flex; justify-content: center; align-items: center;}

.vertical--slider.site--slider .swiper-pagination-bullet {background: #D9D9D9; opacity: 1; width: 8px; height: 8px; margin-bottom: 10px !important;} 
.vertical--slider.site--slider .swiper-pagination-bullet-active{background: #000; width: 8px; border-radius: 20px;}
.vertical--slider.site--slider .swiper-pagination-bullets.swiper-pagination-horizontal{ bottom: 0;}
.vertical--slider.site--slider .swiper-pagination-bullets.swiper-pagination-horizontal{ bottom: 0;}
.vertical--slider.site--slider .swiper-slide{ align-items: center;} 

  @media (min-width: 1200px) {
    .vertical--slider.site--slider .swiper-slide{ margin-bottom: unset;}
    .vrt--box-desc{padding-right: 30px;}
    .vrt--box{padding: 30px 30px 30px 20px;}
    .vertical--slider.site--slider .swiper-pagination-bullets.swiper-pagination-horizontal{ top: 40%; bottom: unset; max-width: 30px; right: 20px;
      left: unset;}
    .swiper-pagination.vrt-pagi{ display: flex; flex-direction: column;}  
    .vrt--box{padding: 30px 30px 30px 20px; display: flex; align-items: flex-start;} 
    .vrt--box-count{ font-size: 32px; flex-shrink: 0; width: 50px; height: 50px;  margin: 0px 20px 0px 0px; display: flex; justify-content: center; align-items: center;} 
  }

/*Our Milestones*/

.our-milestones{ position: relative;}

@media (max-width: 767px) {
  .our-milestones .row{ border-left: 1px solid #000000; margin-left: 0px; padding-left: 10px; padding-bottom: 30px;}
  .our-milestones .mile-pic{ position: relative;}
  .our-milestones .mile-pic::before{ content: ""; background: #000; width: 16px; height: 16px; border-radius: 100%; position: absolute; left: -30px; top: 0;}
  .mile-txt p{ margin-bottom: 5px;}
}

@media (min-width: 768px) {
  .our-milestones .col-lft{ border-right: 1px solid #000000;}
  .our-milestones .row:nth-child(odd) .mile-pic{ padding-right: 20px;}
  .our-milestones .row:nth-child(odd) .mile-txt{ position: relative; padding-left: 20px; max-width: 402px;}
  .our-milestones .row:nth-child(odd) .mile-txt::before{ content: ""; background: #000; width: 16px; height: 16px; border-radius: 100%; position: absolute; left: -33px; top: 0;}
  .our-milestones .row:nth-child(even) .mile-pic{ padding-left: 20px;}
  .our-milestones .row:nth-child(even) .mile-txt{ position: relative; padding-right: 20px; max-width: 402px; margin-left: auto;}
  .our-milestones .row:nth-child(even) .mile-txt::after{ content: ""; background: #000; width: 16px; height: 16px; border-radius: 100%; position: absolute; right: -33px; top: 0;}
  .col-lft, .col-rht{ padding-top: 50px;}
}

@media (min-width: 1440px) {
  .fcm-img-box img, .dcc-img-box img{ width: 100%;}
}

.chooseBox{ border: 1px solid #D2D2D2; text-align: center; padding: 30px 20px; margin-bottom: 20px;}
.stepBox{ border: 1px solid #E2E2E2; padding: 30px; text-align: center;}
@media (min-width: 768px) {
  .chooseBox{ margin-bottom: 20px;}
}
.br1solid{border: 1px solid #D2D2D2;}

.txt-line-h:hover{text-decoration:underline;}