*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}
/*@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');*/
/*@import url('https://fonts.googleapis.com/css?family=Nunito:300,400|Lato:300,400,600,700,900');*/
:root{
    /* --primary_color:#3F88C8; */
    --primary_color:#125381;
    --secondary_color:#6d6e70;
    --tertiary_color:#dc1928;
    /*--pt_font: 'PT Sans', sans-serif;;
    --ubuntu_font: 'Ubuntu', sans-serif;*/
    /*--lato_font: 'Lato', sans-serif;*/
    --poppins_font: 'Poppins', sans-serif;
    --exo_font: "Exo", sans-serif;
}
img{max-width:100%;}
input:focus,
.form-control:focus{
  box-shadow:none;
  outline:none;
}
ul,li{
    list-style:none;
    margin:0;
    padding:0;
    font-size:14px;
    /* font-family:var(--poppins_font); */
    font-family:var(--exo_font);
}
a,a:hover{
    color:var(--primary_color);
    text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
  font-family: var(--exo_font)!important;
  font-weight: 600 !important;
}
h2{
    font-family: var(--exo_font);
    font-size:35px;
}
body{
  font-size:16px;
  /* font-family:var(--poppins_font)!important; */
   font-family:var(--exo_font)!important;
  overflow-x:hidden!important;
}
/*=============================================================================================*/
.logo img {
    width: 190px;
}

.liveEate{
  background:var(--primary_color);
  color:#fff;
  text-align:center;
  border-radius:0;
  border:none;
  height: 36px;
  padding: 5px;
  margin-bottom: 0;
}
.liveEate .alert-dismissible .btn-close{
    top: -11px;
}
.alert-dismissible .btn-close{
  padding:10px;
  background-size: 13px;
}
.bling{
   color:#d1d2d3;
   animation: blinker 1s step-end infinite;
   margin-left: 2px;
}
.bling:hover{
  color:#fdd54c;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.header {
    position: absolute;
    width: 100%;
    /*top:0;*/
    left:0;
    padding-top: 5px; 
    z-index: 999;
}
.sticky{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background:#F2F2F2;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  padding: 5px 0;
  -webkit-box-shadow: 0 2px 10px -2px rgb(0 0 0 / 41%);
  -moz-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.41);
  box-shadow: 0 2px 10px -2px rgb(0 0 0 / 41%);
}

.header .row{
  align-items: center;
}
nav ul {
    display: flex;
    align-items: center;
    justify-content: end;
    /*gap: 45px;*/
}
.bannerBox img{
  width:100%;
}
nav ul li {
    margin-right:43px;
    position: relative;
    padding: 26px 0;
}
nav ul li a {
  color: #000;
  /*font-weight:500;*/
  font-weight: bold;
  text-transform: uppercase;
  font-size:14px;
 /*line-height: 1.5;*/
}

.dropDown {
  position: absolute;
  width: 250px;
  /* background: #3f88c8; */
  background:var(--primary_color);
  /* padding: 10px; */
  top:100%;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  opacity:0;
  visibility:hidden;
  transition:all 0.5s;
  transform: translateY(100px);
}
nav ul li:hover .dropDown{
  opacity:1;
  visibility:visible;
  transform: translateY(0px);
}
.dropDown ul{flex-direction: column;}
.dropDown ul li {
  width: 100%;
  margin-right: 0;
  padding: 0 !important;
}
.dropDown ul li a{
  color: #fff;
  font-weight: 500;
  text-transform: capitalize;
  border-bottom: 1px solid #ebdede;
  padding: 7px 10px;
  display: block;
}
.dropDown ul li a:hover{background:var(--secondary_color);}
.dropDown ul li:last-child a{border-bottom:none;}




.logSin{
  display:flex;
  align-items: center;
  justify-content: end;
  gap: 21px;
  position: absolute;
  top: 25px;
  right: 120px;
  width: 15%;

}
.logSin li a{
  color: #000;
  /* font-family:var(--poppins_font); */
   font-family:var(--exo_font);
  font-weight:500;
  font-size:14px;
  line-height: 1.5;
  text-transform: uppercase;
}
.logSin .singUp a {
    background: var(--primary_color);
    min-width: 72px;
    height: 36px;
    line-height: 27px;
    padding: 4px 16px;
    color: #fff;
    border: 1px solid var(--primary_color);
    border-radius: 8px!important;
    /* font-family:var(--poppins_font); */
    font-family:var(--exo_font);
    display: inline-block;
}
.logSin .singUp a i{
  margin-right:3px;
}
.logSin .singUp a:hover{
    background: var(--secondary_color);  
    border-color: var(--secondary_color);  
}
/*banner style here*/
.bannerBox {
    position: relative;
    /*height: 569px;*/
    background-size: cover;
    background-position: center;
}

.contentBox {
    position: absolute;
    top:0;
    left:0;
    display:flex;
    align-items: center;
    width: 100%;
    height: 100%
}
.innerContent {
    width: 100%;
    /*padding-top: 152px;*/
}
.praGraph {
    width: 100%;
    min-height: 15px;
    margin-bottom: 19px;
}

.innerBoxB {
    width: 32%;
    width: 357px;
}
.contentBox h1{
  font-size: 40px;
  line-height: 1.2;
  /* font-family:var(--poppins_font); */
   font-family:var(--exo_font);
  font-weight:600;
  margin-bottom: 8px;
  position: relative;
  /* padding-top: 27px; */
}
.contentBox h1 span {
  -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both; 
    display: block;
}

.contentBox h1 span:nth-child(1){
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-duration:1s;
  animation-delay: 1s;
}
.contentBox h1 span:nth-child(2){
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -o-animation-duration:1.5s;
  animation-delay: 1.5s;
}
.contentBox h1 span:nth-child(3){
  -webkit-animation-duration: 1.9s;
  -moz-animation-duration: 1.9s;
  -o-animation-duration: 1.9s;
  animation-duration: 1.9s;
  -webkit-animation-delay: 1.9s;
  -moz-animation-delay: 1.9s;
  -o-animation-duration:1.9s;
  animation-delay: 1.9s;
}
/** fadeInLeft **/

@-webkit-keyframes fadeInLeft {
  from {
      opacity:0;
      -webkit-transform: translatex(-10px);
      -moz-transform: translatex(-10px);
      -o-transform: translatex(-10px);
      transform: translatex(-10px);
  }
  to {
      opacity:1;
      -webkit-transform: translatex(0);
      -moz-transform: translatex(0);
      -o-transform: translatex(0);
      transform: translatex(0);
  }
}
@-moz-keyframes fadeInLeft {
  from {
      opacity:0;
      -webkit-transform: translatex(-10px);
      -moz-transform: translatex(-10px);
      -o-transform: translatex(-10px);
      transform: translatex(-10px);
  }
  to {
      opacity:1;
      -webkit-transform: translatex(0);
      -moz-transform: translatex(0);
      -o-transform: translatex(0);
      transform: translatex(0);
  }
}
@keyframes fadeInLeft {
  from {
      opacity:0;
      -webkit-transform: translatex(-100px);
      -moz-transform: translatex(-100px);
      -o-transform: translatex(-100px);
      transform: translatex(-100px);
  }
  to {
      opacity:1;
      -webkit-transform: translatex(0);
      -moz-transform: translatex(0);
      -o-transform: translatex(0);
      transform: translatex(0);
  }
}
.ratesBox span {
  color: #fff;
  text-align: center;
  display: block;
  font-size:14px;
}
/*@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}*/
.contentBox p{
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; 
  -webkit-animation-duration: 2.5s;
  -moz-animation-duration: 2.5s;
  -o-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  -o-animation-duration:2.5s;
  animation-delay: 2.5s;
  color: #545353;
  margin-bottom: 15px;
}
.btn.readMore {
  /* background: #3f88c8; */
  background:var(--primary_color);
  color: #fff;
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; 
  -webkit-animation-duration: 2.9s;
  -moz-animation-duration: 2.9s;
  -o-animation-duration: 2.9s;
  animation-duration: 2.9s;
  -webkit-animation-delay: 2.9s;
  -moz-animation-delay: 2.9s;
  -o-animation-duration:2.9s;
  animation-delay: 2.9s;
}
.btn.readMore:hover{
  background: var(--secondary_color);
  border-color: var(--secondary_color);
}
.iti__selected-flag{
  position:relative;
  background: transparent;
  border: none;
}
.iti__selected-flag:before{
  content:'';
  background-image:url('../assets/images/whatsapp.png');
  width:20px;
  height:20px;
  position: absolute;
}
.iti__selected-flag{

}
.formBox {
    position: relative;
    display: inline-block;
}
.getStarted{
    position: absolute;
    top: 9px;
    right: 12px;
    width: 100px;
    padding: 2px 4px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: var(--primary_color);
    border: 1px solid var(--primary_color);
    border-radius: 12px;
    /* font-family:var(--poppins_font); */
     font-family:var(--exo_font);
    font-size: 14px;
    font-weight: 600;
}
.getStarted:hover{
  background:var(--secondary_color);
  border-color:var(--secondary_color);
}
.formBox input[type="text"] {
    width: 405px;
    height: 45px;
    border: none;
    border-radius: 20px;
}

.whatsBox {
    position: fixed;
    bottom: 30px;
    left: 30px;
    z-index: 9;
    text-align: center;
}

.whatsBox img {
    height: 75px;
}

.whatsBox h6 {
    font-size: 14px;
    line-height: 14px;
    color: #000;
    font-weight: bold;
    margin: 0;
    margin-top: 8px;
}
.iti--separate-dial-code .iti__selected-flag{
  background-color: transparent;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
  background-color: transparent;
}
.iti__flag{
  background-color: transparent;
  box-shadow:unset;
}

/*banner style end here*/

/*ratesBox style here*/
.ratesBox {
    padding: 60px 0;
    /*background: #449be8;*/
    /* background: #3f88c8; */
    background:var(--primary_color);
}
.rateCard {
    text-align: center;
}
.modal-title{
  text-align:center;
  margin-bottom:40px;
}
.modal-title h2 {
    color: #fff;
    margin-bottom: 0;
}
.modal-title h2 > span{
  font-weight: 600;
}
.ratesBox h3 {
    font-size: 24px;
    font-weight:500;
    /*color: #212529;*/
    color: #fff;
    margin-bottom: 20px;
    /* font-family:var(--poppins_font); */
    font-family:var(--exo_font);
}
.ratesBox th, .ratesBox td {
    text-align: center;
    /* font-family:var(--poppins_font); */
     font-family:var(--exo_font);
    font-weight:500;
}
.ratesBox td:nth-child(2n) {
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}
.ratesBox .box-shadow{position:relative;}
.ratesBox .box-shadow:after {
    content: '';
    background-image: url(../images/bottom.png);
    position: absolute;
    bottom:-23px;
    left: 0;
    width: 100%;
    height: 39px;
    background-size: cover;
    background-position: center;
}
.ratesBox h6 {
    text-align: center;
    margin:45px 0 0;
    font-weight: 600;
    font-size:19px;
    color:#fff;
}
.ratesBox h6 a{color:#fff;}
/*ratesBox style end here*/
/*counterBox style here*/
.counterBox {
    /*background: #3f88c81c;*/
    /*background: #3f88c8;*/
    /* background: #449be8; */
    /* background:var(--primary_color); */
    padding: 60px 0;
}
#counter-box-container{
  display: flex;
}
#counter-box-container {
    display: flex;
    width: 100%;
    gap: 25px;
    text-align: center;
}
#counter-box {
    width:20%;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    background: #484848;
    padding: 25px 15px;
    border-radius: 15px;
    /*    background-image: linear-gradient(to right bottom, #8e8f8f, #a9aaaa, #c5c5c6, #e2e2e2, #ffffff);
    background-image: linear-gradient(to right bottom, #e2e2e2, #e9e9e9, #f0f0f0, #f8f8f8, #ffffff);
    background-image: linear-gradient(to right, #e2e2e2, #e9e9e9, #f0f0f0, #f8f8f8, #ffffff);*/
    /*-webkit-transition:0.6s; 
    transition:0.6s; */
    /* transition: all .2s ease-out; */
    will-change: transform;
}
.counterBox #counter-box:hover{
  /*margin-top:-15px;*/
  transform: translateY(-10px);
  box-shadow: 0 1rem 3rem rgba(31,45,61,.125)!important;
      background: #006ac6;
}
.yearBox {
    align-items: center;
    width: 100%;
    justify-content: center;
    gap: 9px;
    display: flex;
}
.yearBox span {
    font-size: 22px;
    font-weight: 600;
}
.numBox {
    font-size: 23px;
    font-weight: 600;
    color: #ffffff;
    /* font-family:var(--poppins_font); */
     font-family:var(--exo_font);
    /* margin: 10px 0; */
}
#counter-box h5{
  font-size: 17px;
  /* font-family: var(--poppins_font); */
   font-family:var(--exo_font);
  margin-bottom: 0;
  font-weight: 400;
  color: #e7e7e7;
  line-height: normal;
      margin-top: 15px;
}

/*counterBox style end here*/
.affiationBox {
    padding:55px 0 0;
    background: #f2f2f2;
}

.affiationBox ul{
  display:flex;
  gap:30px;
  margin-top: 80px;
}
.affiationBox ul li{
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f2f2f2;
  border-radius: 50% 50% 0 0;
  padding: 19px;
  width: 20%;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.affiationBox ul li img{
  /*width:100%;*/
}
.table-striped>tbody>tr:nth-of-type(odd)>*{
   background: #f2f2f2;
   --bs-table-bg-type:unset;
}
.supplyChain,.supplyChain2{
  padding:110px 0;
}

.single-work-process-inner {
    background: #F6F7F9;
    border-radius: 50%;
    width: 210px;
    height: 210px;
    padding: 45px 30px;
    position: relative;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 10px solid #006ac685;
}

.single-work-process-inner:hover {
    background: #484848;
    border-color: #292929;
}
.single-work-process-inner .thumb {
    margin-bottom: 15px;
}
.single-work-process-inner .count {
    height: 40px;
    width: 40px;
    line-height: 40px;
    color: #fff;
    border-radius: 50%;
    background: #3f88c8;
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: -20px;
    margin-left: -20px;
}
.single-work-process-inner:after {
    /* content: ""; */
    position: absolute;
    left: 0;
    top: 0;
    border: 1px dashed #1869FE;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.single-work-process-inner:hover:after {
    /* left: 14px; */
    /* top: 7px; */
    /* visibility: visible; */
    /* opacity: 1; */
}
.details h6 {
    font-size: 18px;
}
.single-work-process-inner:hover .details h6{
  color:#fff;
}
.section-title h2 {margin-bottom: 25px;}
.work-process-bg{background-position: bottom;margin-top: 40px;}




.icons-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: -20px -15px;
   /* -webkit-justify-content: space-around;
    justify-content: space-around;*/
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}
.icons-box .icons-wrap {
    padding: 15px 15px;
    overflow: hidden;
    position:relative;
}
.icons-box .icons-wrap .icons-item:not(.type-3) {
    position: relative;
    height:100%;
    /* border-left: 2px solid #449BE8;
    border-right: 2px solid #038ed2;*/
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: 0 0, 0 100%;
    /*border:1.8px solid #fff;*/
    background: #ffffff;
    /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
    border-right: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}
.icons-box .icons-wrap .icons-item:not(.type-3) > .item-box h5 {
    color: #000;
}
.icons-box .icons-wrap .icons-item:not(.type-3):before {
    /* content: ''; */
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    border-radius: inherit;
    display: block;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    /*background-image: -webkit-linear-gradient(left, #7fc645 0%, #44ab88 50%, #3fa98e 51%, #048ed2 100%);
    background-image: -moz-linear-gradient(left, #7fc645 0%, #44ab88 50%, #3fa98e 51%, #048ed2 100%);
    background-image: -o-linear-gradient(left, #7fc645 0%, #44ab88 50%, #3fa98e 51%, #048ed2 100%);
    background-image: linear-gradient(to right, #7fc645 0%,#44ab88 50%,#3fa98e 51%,#048ed2 100%), linear-gradient(to right, #7fc645 0%,#44ab88 50%,#3fa98e 51%,#048ed2 100%);*/
}
.icons-box .icons-wrap .icons-item:not(.type-3):hover:before {
    opacity: 1;
    visibility: visible;
}
.icons-box .icons-wrap .icons-item:not(.type-3){
    transition: all .2s ease-out;
    will-change: transform;
}
.icons-box .icons-wrap .icons-item:not(.type-3):hover{
    /* transform: translateY(-10px); */
    border-color: #3f88c8;
}
.icons-box .icons-wrap .icons-item:not(.type-3) > .item-box {
    position: relative;
    z-index: 2;
    padding: 30px 30px;
    overflow: hidden;
}
.icons-box .icons-wrap .icons-item > .item-box i {
    font-size: 36px;
    color: #aab3b6;
    margin-bottom: 15px;
    display: block;
    position:relative;
}
.icons-box .icons-wrap .icons-item > .item-box i:before{
    content: '';
    background-image: url(../images/promo-icon-bg1.png);
    width: 140px;
    height: 140px;
    position: absolute;
    left: -40px;
    top: -39px;
    background-size: cover;
    z-index: -1;
    background-size: 135px;
    padding: 30px;
    background-repeat: no-repeat;
    background-position: 45% 30%;
}
.icons-box .icons-wrap .icons-item:not(.type-3):hover > .item-box i:before{
  background-image: url(../images/promo-icon-bg.png);
  opacity: 0.4;
}
.icons-box .icons-wrap .icons-item > .item-box .icons-box-title {
    font-weight: 400;
    line-height: 25px;
    font-size: 19px;
    margin-bottom: 0;
}
.icons-box .icons-wrap .icons-item > .item-box > p {
    color: #7b8285;
}
.fx-cols-4 > * {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
}
.icons-box .icons-wrap .icons-item:not(.type-3) > .item-box > * {
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease;
}
.mainBoxProd {margin-top: 55px;}
.productSec {
    background: #c7e6ff;
    position: relative;
    padding: 60px 0;
}
.productSec,.productSec .modal-title h2 {color:#fff!important;}
.productSec .modal-title h2,.trustedBy h2{color:#000;/*font-weight: 500!important;*/}
.productSec .mainBoxProd h3{margin-bottom:30px;font-size: 20px;color: #024b8a;}
/*.icons-box .icons-wrap .icons-item:not(.type-3):hover: h5{}*/
.icons-box .icons-wrap .icons-item:hover > .item-box .icons-box-title{color:#000;}
.productSec .shape-bottom {
    position: absolute;
    /*top: auto;
    bottom: -1px;*/
    bottom:auto;
    top:-1px;
    left: 0;
    right: 0;
}
.productSec .shape-bottom svg {
    display: block;
    height: 100%;
    width: 100%;
}
.productSec .shape-bottom {
    z-index: -1;
}
.trustedBy{padding:0 10px;}
.trustedBy .items{text-align:center;}
.trustedBy h2{margin-bottom:30px;}
.trustedBy .owl-item img{display:unset;width:auto;}

.trustedBy{overflow: hidden;}
.mainTrusted{
    display: flex;
    flex-shrink: 0;
    gap: 0.1rem;
    align-items: center;
    justify-content: space-around;
    min-width: 100%;
    animation: styles_marquee__9MLPj 32s linear infinite;
    
}
.trustedBy .item{text-align:center;}
.trustedSlider2 {
    display: flex;
}
@keyframes styles_marquee__9MLPj {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(-190%);
    }
}

.howWorks{margin:40px 0 60px;/*background: #3f88c8;*/background:var(--primary_color);padding: 65px 0;}
.howWorks.trustedBy h2{color:#fff;}

.worksLeftImg img{width:100%;}
.worksRightContent {
    /* padding-left: 100px; */
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}


.stepsBox .nav-pills{
  margin-bottom:55px;display: flex;gap: 15px;
}
.stepsBox .nav-pills .nav-item button{
  padding:15px;
  background:#3f88c8;
  color:#fff;
  border: 1px solid #fff;
}
.stepsBox  .nav-pills .nav-link.active{
  background:#173b56;
  border: 1px solid #173b56;
}
.innerBoxWorks {
    padding: 16px;
    border-radius: 10px;
    box-shadow: 0 1px 6px rgb(169 188 218 / 65%);
    background: #fff;
}
.innerBoxWorks span{}
.innerBoxWorks h3{font-size: 23px;}
.innerBoxWorks ul{
  list-style: disc;
  padding-left: 2rem;
}
.innerBoxWorks ul li{ 
  list-style: disc;
}
.titleBoxImg {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 15px 0;
}

.industriesServed .modal-title h2{
  color:#000;
  font-weight: 500!important;
}
.industriesServed .mainIndustriesBox{
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  text-align:center;
  gap:30px;
}
.industriesServed .mainIndustriesBox h3{
  font-size:18px;
  margin: 15px 0 0;
}

.getStartedToday {
    /* background: #3f88c8; */
    background:var(--primary_color);
    padding: 55px 0;
    margin: 55px 0;
}
.getStartedToday h2{
  color:#fff;
}
.getStartedToday p{color:#fff;}
.getStartedToday a{background:#fff;}
.getStartedToday a:hover{background:#fff;}
.startedImg{text-align: center;}
.startedImg img{
    animation-name: styles_bounce__6VcwD;
    animation-duration: 4s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}
@keyframes styles_bounce__6VcwD {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
    to {
        transform: translateY(0);
    }
}

footer{}
footer .footerInner ul{padding-left: 20px;}
footer .footerInner ul,footer .footerInner ul li{list-style: disc;}
footer .footerInner ul li{margin-bottom:13px;}
footer .footerInner ul li::marker{color:#828286;}
footer .footerInner h3{margin-bottom: 20px;color:#828286;}
footer .footerInner ul li a{color:#828286;}
footer .footerInner ul li a:hover{color: var(--primary_color);}
footer .footerInner.servicess{}
footer .address{}
.footeSer{
  display:grid;
  grid-template-columns:1fr 1fr;
}
.footeSer ul li{padding-right: 15px;}
footer .footerInner .address ul,footer .footerInner .address ul li{list-style:none;color:#828286;}
footer .footerInner .address ul li{display:flex;gap:15px;}
footer .footerInner .address ul li i{font-size:20px;margin-top: 4px;}
footer .footerInner .address ul{padding-left:0;}

.coppyRight{border-top:1px solid #e3e3e3;padding:8px 0 8px;}
.coppyRight p{color:#828286;font-size: 13px;margin-bottom:0;}














.process-box {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -30px;
    margin-bottom: -45px;
}
.process-box:not(:last-child) {
    margin-bottom: 0;
}
@media only screen and (min-width: 1200px)
{
    .process-box.box-reverse {
      -webkit-flex-flow: row-reverse wrap-reverse;
      flex-flow: row-reverse wrap-reverse;
          margin-right: 9px;
  }
}
.process-box .step-item {
    padding-right: 87px;
    padding-left: 30px;
    margin-bottom: 82px;
    position: relative;
    text-align: center;
}
.process-box .step-item .step-icon {
    position: relative;
    z-index: 1;
    text-align: center;
    display: inline-block;
}
.process-box .step-item .step-icon:before {
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    /* background: #3f88c8; */
    background:var(--primary_color);
    content: '';
    z-index: -1;
    border-radius: 50%;
}
.step-number {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 2;
    /* background: #3f88c8; */
    background:var(--primary_color);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Assistant', sans-serif;
    border: 5px solid #fff;
}
.process-box .step-item .step-icon .icon-holder {
    position: relative;
    border-radius: 50%;
    background: #fff;
    background-clip: padding-box;
    width: 165px;
    height: 165px;
    line-height: 165px;
    font-size: 48px;
}
.step-name {
    text-transform: uppercase;
    font-weight: 600;
    position: absolute;
    font-size: 16px;
    top: 100%;
    width: 100%;
    margin-top: 20px;
    white-space: nowrap;
}
.process-box .step-item .step-icon:after {
    content: '';
    position: absolute;
    background: url(../images/arrow_right.png) no-repeat;
    left: 100%;
    top: 50%;
    width: 100%;
    height: 10px;
    margin-top: -5px;
    margin-left: 30px;
}

@media only screen and (min-width: 1200px)
{
  .process-box:not(:last-child):after {
    content: '';
    position: absolute;
    right: 3px;
    top: 82px;
    background: url(../images/arrow_big_down.png) no-repeat;
    height: 100%;
    width: 10px;
  }
}
@media only screen and (min-width: 1200px)
{
  .process-box.box-reverse {
      -webkit-flex-flow: row-reverse wrap-reverse;
      flex-flow: row-reverse wrap-reverse;
  }
}
@media only screen and (min-width: 1200px)
{
  .process-box.box-reverse .step-item .step-icon:after {
    margin-left: 20px;
    background: url(../images/arrow_left.png) no-repeat;
  }
}
footer .footerInner h6 {
  color: #828286;
}

/* marquee.li span {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  margin-right: 55px;
  padding: 5px;
  color: #000;
} */
.valueBox .priceValue {
  color: #11e0cb;
}
/* canvas {
  position: absolute;
  top: 160px;
  width: 370px !important;
  height: 200px !important;
} */


#earth {
    width: 162px;
    position: absolute;
    left: 32%;
    top: 17%;
}
 
 @keyframes rotate {
   0% { background-position: 0px; }
   100% { background-position: 190px; }
 }
 .bannerTitle {
   position: absolute;
   top: 50%;
   left: 0%;
   width: 100%;
  }
  .bannerTitle h2{
    color:#fff;
  }
  .supplyChain,.supplyChain2{
    padding:75px 0;
    /* background: #3f88c8; */
    background:var(--primary_color);
  }
  .supplyChain h2,.supplyChain2 h2{margin-bottom:0px;color:#fff;}
  .supplyChain h2{
    margin-bottom:30px;
  }
  .supplyChain p,.supplyChain2 p{color:#fff;text-align:justify;}
  .supplyChain p{text-align:center;}
  .supplyChain2 p{border-left:2px solid #c0c0c0;padding-left:25px;}
  /* .areaLogo {
    width: 100px;
  } */
  .areaLogo img {
    width: 100%;
  }
  .areaBox {
    background: #fff;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    border-radius: 10px;
    color: #000000;
    box-shadow: rgba(0, 0, 0, 0.55) 3px 4px 7px;
    text-align: center;
    min-height: 100px;
  }
  .areaBox:nth-child(2n){
    background:#727272;
    color:#fff;
    
  }
  
.supplyBoxRight h6 {
  /* color: #3f88c8; */
  color: #fff;
}
.supplyBoxRight h4{
  font-size:30px;
  margin:20px 0 25px;
  color: #fff;
}
.supplyBoxRight ul li{
  font-size:18px;
  position: relative;
  padding-left: 25px;
  margin-top:15px;
  color: #fff;
}
.supplyBoxRight ul li::after,
.scheduleSec ul li::after{
  content:'\f046';
  position:absolute;
  left:0;
  top:8px;
  font: normal normal normal 17px / 1 FontAwesome;
  color: #fff;
}
.supplyArea {
  /* width: 450px; */
  /* height: 368px; */
  margin: 0 auto;
  overflow: hidden;
  /* border: 1px solid #3f88c8; */
  /* border: 1px solid #f8f8f8; */
  padding: 15px;
  border-radius: 10px;
  
}
.trustedBy{
  /* background: #3f88c8; */
    padding: 65px 0;
}
.trustedBy .row{
  row-gap:20px;
}
.trustedBy .truImgIn {
    text-align: center;
    border: 1px solid #dbdbdb;
    background: #fff;
    padding: 15px;
}
.scheduleSec {
  /* margin: 0 0 50px; */
  /* padding: 175px 0; */
  padding: 60px 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index:1;
}
.scheduleSec::before{
  content:'';
  /* background:var(--primary_color); */
  background: #6d6e70;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0.8;
  z-index:-1;
}
.scheduleSec p{
  /* font-size:22px; */
  margin:20px 0;
  text-align: justify;
}
.scheduleSec h2,
.scheduleSec p,
.scheduleSec ul li{
  color:#fff;
}
.scheduleSec ul li{
  font-size:17px;
  margin-top:25px;
  position: relative;
  padding-left:25px;
}
.ourUsp{
    background-size: cover;
    background-repeat: repeat;
    background-color: rgba(0, 0, 0, 0);
    background-image: url('../images/bg1.jpg');
    background-attachment: scroll;
    /* min-width: 1349px; */
    left: 0px;
    /* width: 1348px; */
    background-position: 50% -31px;
    position: relative;
    z-index:1;
    background-attachment:fixed;
    padding: 112px 0;
    margin-bottom:50px;
  }
  .ourUsp::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    /* background-color: rgba(0, 0, 0, 0.8); */
    background: var(--primary_color);
    opacity:0.8;
    z-index:-1;
}
.uspSmall ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 25px;
}
.uspSmall li {
  background: #fff;
  /* padding: 30px; */
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 16px;
  font-weight: 600;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border: 1px solid #fff;
  border-radius: 5px;
  overflow: hidden;
  transition:all 0.5s;
}
.uspSmall li:hover{
  transform: translateY(-10px) !important;
}
.uspSmall li .iconsImg {
  padding: 10px;
  width: 90px;
  background:var(--primary_color);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(0, 0, 0, 0.75) 1px 4px 10px;
}
/* .uspSmall li .iconsImg img {
  width: 100%;
} */
.sNum {
  position: absolute;
  right: 20px;
  font-size: 70px;
  opacity: 0.1;
}
.fImg img {
  width: 100%;
}
.oceanHandling{
  padding:55px 0;
}
.opeanPage{
  background:transparent;
}
.opeanPage h2,
.opeanPage p{
  color:#000;
}

.gridBox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top:50px;
}
.loopGrid {
  background:var(--primary_color);
  box-shadow: rgba(0, 0, 0, 0.90) 0px 5px 10px;
  padding:20px;
  border-radius: 10px;
  background-image:url('../assets/images/card-bg.png');
}
.gridBox p{
  border:none;
  padding-left:0;
  color:#fff;
}
.loopGrid h3 {
  color:#fff;
  font-size: 22px;
  margin-bottom: 17px;
  line-height: 32px;
}
.sticky::after{display:none;}
.partnersPage {
  margin: 50px 0 80px;
}
.partnersPage .row{row-gap:25px;}
.partnerInnLogo {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  text-align: center;
  padding: 30px;
  background: #fff;
  border-radius: 5px;
}
.globalBox{
  display: grid;
  gap: 15px;
  justify-content: center;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

}
.globalBox h3 {
  font-size: 17px;
  margin: 17px 0 0;
}
.globalBox .item{
  height:100%;
}
.globalBox .item .areaBox{
  height:100%;
  margin:0;
  min-height:unset;
}
.areaBox .areaLogo img {
  width: auto;
  height: 70px;
}
.company3Sec p{text-align:justify;}
.missionInnerBox {
  background: #ffff;
  padding-bottom: 25px;
}
.missionVisionSec .missionInnerBox .topHeadMi {
  text-align: center;
  color: #fff;
  margin-bottom: 25px;
  height: 250px;
  background: #c1c1c1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-size:cover;
  z-index:1;
}
.missionVisionSec .missionInnerBox .topHeadMi::after{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#000;
  opacity:0.3;
  z-index:-1;
}
.missionVisionSec .missionInnerBox p {
  text-align: center;
  max-width: 380px;
  margin:70px auto 0;
}

.iconMi {
  background: #fff;
  clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
  position: absolute;
  bottom: -40px;
  padding: 10px;
  /* border: 0px solid #fff; */
  width: 130px;
  height: 130px;
}
.newIocn {
  background: var(--primary_color);
  padding: 20px;
  clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 110px;
}
.newIocn img {
  width: 70px;
}

.company3Sec {
  padding: 0;
}
.contentAboutRi {
  width: 95%;
  padding-left: 23%;
}
.leftBox {
  width: 680px;
}
.leftBox img {
  width: 100%;
}


.contactPage {
  padding: 80px 0;
}
.contactPage .formBox input[type="text"],.contactPage .formBox select,.contactPage textarea{
  width:100%;
  border:1px solid #c1c1c1;
  border-radius:0;
  margin-bottom:20px;
  height:50px;
}
.contactPage .formBox textarea{
  height:200px;
}
.mapBox{padding-bottom:50px;}

.mapBox .address {
  position: relative;
  background: #fff;
  border-radius: 100px;
  box-shadow: 0px -3px 13px 0px rgba(145,145,145,0.47);
  bottom: -40px;
  z-index: 9;
  padding:50px 60px;
}
.mapBox .address ul {
  margin: 0;
  display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.mapBox .address h3 {
  font-size: 20px;
  margin-bottom: 25px;
}
.mapBox .address ul li {
  /* padding: 0 140px 0 0; */
  font-size: 16px;
  color: #000;
  vertical-align: middle;
}
.list-inline > li {
  display: inline-block;
}
.mapBox .address ul li i {
  font-size: 24px;
  margin-right: 20px;
}
.addMap {
  display: flex;
}
.mapBox .address ul li:first-child i {
  vertical-align: middle;
  float: left;
}
.btn.submitBox {
  background: #125381;
  color: #fff;
  padding: 12px 28px;
}






/*========================================*/
/* Tracking  */

.traking_box {
    width: 100%;
}

.traking_box .popup {
    width: 500px;
    margin: 0 auto;
    border-radius: 15px;
}

.traking_box .popup .popupBody {
    padding: 35px 30px;
    background: #125381;
    border-radius: 10px;
}



/* key milestones */
section.mv-sec.abt-page {
    background-position: right top;
    background-size: cover;
    padding: 70px 0;
    display: table;
    width: 100%;
}

.timeline {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}

.timeline li span.arrowRight {
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
}

.timeline li span.arrowRight img {
    height: 30px;
    filter: grayscale(1);
}

.timeline li.completee {
    border-color: #46b305;
    background: #e3eddc57;
}

.timeline:before {
  /* position: absolute; */
  /* left: 50%; */
  /* top: 0; */
  /* content: ' '; */
  /* display: block; */
  /* width: 6px; */
  /* height: 100%; */
  /* margin-left: -3px; */
  /* background: rgb(80,80,80); */
  /* background: linear-gradient(to bottom, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%); */
  /* z-index: 5; */
}

.timeline li {
  border: 1px solid #5dbcdf;
  padding: 10px;
  width: 249px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.timeline li:after {
  /* content: ""; */
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.direction-l {
  /* position: relative; */
  /* width: 350px; */
  /* float: left; */
  /* text-align: right; */
}

.direction-r {
  /* position: relative; */
  /* width: 350px; */
  /* float: right; */
}

.flag-wrapper {
  position: relative;
  display: inline-block;
  
  text-align: center;
}

.flag {
    color: #529de0;
    font-weight: 600;
}

.direction-l .flag {
  /* box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); */
}

.direction-r .flag {
  /* -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); */
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  /* box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); */
}

.direction-l .flag:before,
.direction-r .flag:before {
  /* position: absolute; */
  /* top: 50%; */
  /* right: -36px; */
  /* content: ' '; */
  /* display: block; */
  /* width: 12px; */
  /* height: 12px; */
  /* margin-top: -10px; */
  /* background: #fff; */
  /* border-radius: 10px; */
  /* border: 4px solid #dfbc44; */
  /* z-index: 10; */
}

.direction-r .flag:before {
  /* left: -36px; */
}

.direction-l .flag:after {
  /* content: ""; */
  /* position: absolute; */
  /* left: 100%; */
  /* top: 50%; */
  /* height: 0; */
  /* width: 0; */
  /* margin-top: -8px; */
  /* border: solid #27272700; */
  /* border-left-color: rgb(19 19 19); */
  /* border-width: 8px; */
  /* pointer-events: none; */
}

.direction-r .flag:after {
  /* content: ""; */
  /* position: absolute; */
  /* right: 100%; */
  /* top: 50%; */
  /* height: 0; */
  /* width: 0; */
  /* margin-top: -8px; */
  /* border: solid transparent; */
  /* border-right-color: rgb(21 21 21); */
  /* border-width: 8px; */
  /* pointer-events: none; */
}

.time-wrapper {
  display: inline;
  
  line-height: 1em;
  font-size: 0.66666em;
  color: rgb(250,80,80);
  vertical-align: middle;
}

.direction-l .time-wrapper {
  float: left;
}

.direction-r .time-wrapper {
  float: right;
}

.time {
  display: inline-block;
  padding: 4px 6px;
  background: rgb(248,248,248);
}

.desc {
    font-size: 14px;
    color: #111;
    font-weight: 600;
    margin-top: 10px;
}

.timeline li:last-child span.arrowRight img {
    display: none;
}
.timeline li.row-last span.arrowRight img {
    display: none;
}

/* key milestones */

input.captchaCode {
    display: table;
    width: auto;
    background: #303030;
    border-color: #4e4e4e !important;
    height: 37px;
    font-size: 14px;
    border-radius: 46px;
    padding: 0 20px;
}

.captchaimg {
    margin-top: 10px;
    display: flex;
    column-gap: 11px;
    align-items: center;
}


.trackbutton {
    width: 100%;
    background: #489be5;
    border-radius: 50px;
    margin-top: 16px;
    border: 0;
    padding: 8px 10px;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
}

.traking_box .popup .popupBody input {
    width: 100%;
    padding: 10px 15px;
    border-radius: 10px;
    border: 0;
}

.trackMaingrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 320px;
    padding: 15px 15px;
    grid-row-gap: 15px;
}

.trackinginfoMain {
    width: 100%;
    display: table;
    background: #fff;
    margin-bottom: 25px;
}

.trackMaingrid .trackbox {
    display: flex;
    column-gap: 15px;
    align-items: center;
    justify-content: space-between;
}

.trackMaingrid .trackbox  h5 {
    margin: 0;
    font-size: 14px;
    color: #111;
}

.trackinginfoMain h4 {
    margin: 0;
    font-size: 15px;
    text-transform: uppercase;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #ddd;
}

.trackinginfoMain span.status {
    background: #009dff;
    color: #fff;
    padding: 0px 10px;
    border-radius: 15px;
    font-size: 13px;
    font-weight: 600;
}

span.status {}

.trackMaingrid .trackbox h5 i {
    color: #9a9a9ac2;
    margin-right: 2px;
}

.trackinginfoMain span.status.green {
    background: green;
}


.completee .flag {
    color: green;
}

.timeline li.visitt span.flag:before {content: ""; background: unset; background-image: url(../tracking/truck.png) !important; border: 0; background-size: contain; background-position: center; color: #ec0607; background-repeat: no-repeat; font-size: 22px; top: 3px; right: -57px; width: 43px; height: 40px; }


.trackingHeader {background: #529de0;padding: 3px 15px;color: #fff;}

.trackinginfoMain h4:last-child {
    padding: 0;
    border: 0;
    margin: 0;
}
.logbtn {
    width: 100%;
    display: table;
    text-align: right;
    margin-bottom: 15px;
}

a.logoutbtn {
    background: red;
    color: #fff;
    padding: 0px 15px;
    display: table;
    border-radius: 57px;
    float: right;
}

.trackMaingrid .trackbox p {
    line-height: normal;
    color: #111;
    margin: 0;
    font-size: 14px;
}



/* Tracking Breadcrumbs  */
.trackingbreadcrumb {
    padding: 22px 15px;
}

.trackingbreadcrumb ul {
    display: grid;
    /* column-gap: 20px; */
    row-gap: 15px;
}

.trackingbreadcrumb ul li a {
    text-decoration: none;
    color: #000000b0;
    position: relative;
    padding-left: 22px;
    font-weight: 600;
}

.trackingbreadcrumb ul li a::before {
    /* content: ""; */
    position: absolute;
    top: 0;
    left: -10px;
    bottom: 0;
    height: 100%;
    background: #25a6ca;
    width: 30px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 34% 50%);
}
.trackingbreadcrumb ul li a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #9595957d;
    height: 20px;
    width: 15px;
    clip-path: polygon(50% 21%, 100% 0, 100% 70%, 50% 100%, 0 70%, 0 0);
}
.trackingbreadcrumb ul li a.active {
    color: #125381;
}

.trackingbreadcrumb ul li a i {}

.trackingbreadcrumb ul li a.active::after {
    background: #6dbaff;
}
/* Tracking Breadcrumbs  */


/* Tracking  */
/*========================================*/



/* My New css Code   */
:root {
    --primary_color: #006ac6;
    --secondary_color: #484848;
}

.valueBox .priceValue {
    color: #4ef769;
}

nav ul li {
    margin-right: 23px;
}

nav ul li a {
    font-weight: 500;
    font-size: 16px;
    color: #024f93;
}

.logSin .singUp a {
    background: var(--secondary_color);
    border-color: var(--secondary_color);
}

.logSin .singUp a:hover, .logSin .singUp.login a:hover {
    background: var(--primary_color);
    border-color: var(--primary_color);
    color: #fff;
    transition: 0.5s ease-in-out all;
}

.logSin {
    position: unset;
    width: auto;
    gap: 10px;
}

.menugrid {
    display: flex;
    justify-content: flex-end;
}

.logSin .singUp.login a {
    background: unset;
    color: var(--secondary_color);
}


.btn.readMore {border-radius: 25px;font-size: 15px;padding: 10px 21px;text-transform: uppercase;font-weight: 600;}

.btn.readMore i {
    margin-left: 5px;
}


#counter-box .iconBox img {
    max-width: 100%;
}

#counter-box .iconBox {
    /* filter: drop-shadow(2px 4px 6px black); */
    background: #fff;
    width: auto;
    display: table;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    border: 10px solid #484848d1;
}
/* My New css Code   */


.counterBox #counter-box:hover .iconBox {
    transform: rotateY(360deg);
    transition: 0.5s ease-in-out all;
    border: 10px solid #3a97e7;
}


.single-work-process-inner:hover .count {
    background: #202020;
}




ul.topheaderlogin {
    display: flex;
    justify-content: end;
}

ul.topheaderlogin li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
}

ul.topheaderlogin li:first-child {
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #ddddddb5;
}

ul.topheaderlogin li a:hover {
    color: #bbbbbb;
}


/* Contact us  */
section.addressbox {
    background: #e7f5ff;
    display: table;
    width: 100%;
    padding: 60px 0;
}

section.addressbox .address {
    box-shadow: unset;
    background: unset;
    padding: 0;
    position: unset;
    margin-bottom: 40px;
}

section.addressbox .address:last-child {
    margin: 0;
}

section.addressbox  ul.list-inline {
    margin-top: 15px;
}

section.addressbox  ul.list-inline li {
    background: #006ac6;
    padding: 25px 25px;
    border-radius: 10px;
    color: #fff;
}

section.addressbox ul.list-inline li h3 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
    border-left: 3px solid #ddd;
    padding-left: 11px;
}

section.addressbox ul.list-inline li .addMap {
    column-gap: 15px;
}

section.addressbox ul.list-inline li .addMap i {
    float: unset;
    font-size: 18px;
    margin: 0;
    vertical-align: unset;
    margin-top: 4px;
    color: #c8c8c8;
}

section.addressbox ul.list-inline li .addMap p, section.addressbox ul.list-inline li .addMap a {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}

section.addressbox ul.list-inline li .addMap:last-child p {
    margin: 0;
}
/* Contact us  */


marquee.livesrate {}

marquee.livesrate span.valueBox {
    font-size: 14px;
    font-weight: 500;
}

marquee.livesrate span.valueBox i {
    color: #ffffff;
    opacity: 0.5;
}

.devLeftBorder{
  border-left: 2px solid #c0c0c0;
  padding-left: 25px;
}
.devLeftBorder p{
  font-size: 17px;
  border-left:unset;
  padding-left:0px;
  margin-bottom:6px;
}
.devLeftBorder h5 {
  font-size: 18px;
  font-weight: 600;
  margin: 10px 0;
}
.ourPartners {
  padding: 70px 0 0;
}
.innerHeader img{width: 100%;}
.barsMenu,.closeIcon,.phBanner{display:none;}


.perishablePage{
  padding:70px 0;
}
.perishablePage p{text-align:justify;}
.periImgLeft {
  position: sticky;
  top: 100px;
}
.asrFreshBreathe {
  padding: 60px 0;
}
.freshPerishaleBg {
  height: 88vh;
  background-size: cover;
  background-position: bottom;
  margin-bottom: 25px;
}
.suitableServices {
    padding: 15px 0 75px;
}
.supplyChain2.trustedBy h2{margin-bottom:30px;}


.quickFastSec {
    padding:75px 0 60px;
}
.quickFastSec h2{
  margin-bottom:20px;
  font-size: 49px;
  /* text-align:center; */
}
.quickFastSec h2 span{
  color:#000;
}
.quickBox {
    margin-top:20px;
}
.quickFastSec h3 {
    color: #fff;
    font-size: 22px;
}
.arrowBox {
  width: 100%;
  width: 96%;
  background: #fff;
  height: 45px;
  position: relative;

  display: flex;
  justify-content: center;
}
.arrowBox::after {
    content: '';
    background: #fff;
    width: 40px;
    height: 45px;
    position: absolute;
    top: 0;
    right:-39px;
    clip-path: polygon(100% 50%, 0 0, 0 100%);
  }
  .arrowBox::before{
    content: '';
    background: var(--primary_color);
    width: 30px;
    height: 45px;
    /* transform: rotate(25deg); */
    position: absolute;
    top: 0;
    left:0px;
    clip-path: polygon(100% 50%, 0 0, 0 100%);
}
.arrowBox ul {
    padding-left: 60px;
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
    /* gap: 40px; */
    gap: 130px;
    /* margin-top: 25px; */
    position: absolute;
    top: -40px;
}
.arrowBox ul li {
    width: 92px;
    text-align: center;
    position: relative;
}
.arrowBox ul li.lhNum {
  padding-top: 45px;
    width: max-content;
}
.lhLeftBox {
    position: absolute;
    top: 44px;
    left: -95px;
}
.arrowBox ul li .quiIcon {
    border: 2px solid #b1b1b1;
    padding: 15px 8px;
    width: 70px;
    height: 75px;
    margin:0 auto 5px;
    border-radius: 3px;
    background: #fff;
}
/* .arrowBox ul li .quiIcon img {
    width: 57px;
} */
.quickFastSec h4{color:#fff;margin-bottom: 3px;font-size: 18px;}
.quickFastSec p {
    border: none;
    padding: 0;
    text-align: center;
    margin: 0;
}


.bookBox {
  margin:0 auto;
  margin-top: 175px;
  width: 92%;
}
.bookBox ul {
    display: flex;
    justify-content: center;
    text-align: center;
    gap: 100px;
}
.bookBox ul li{
  text-align: center;
  position: relative;
  width: 150px;
}
.bookBox ul li .bookIcon::after {
    content: '';
    width: 50px;
    height: 36px;
    /* background: #fff; */
    position: absolute;
    right:-75px;
    bottom: 41px;
    /* transform: translateY(-50%); */
    border-radius: 50%;
    background-image: url(../images/icons/wave.png);
}
.bookBox ul li:last-child .bookIcon::after{display:none;}
.bookIcon {
    border-bottom: 4px solid #fff;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
.bookBox ul li h5{
  color:#fff;
}
.ourCoreValues {padding: 60px 0;}
.coreValueBox {display: grid;grid-template-columns: 1fr 1fr;row-gap: 10px;}
.coreValueBox li{color:#fff;position: relative;padding-left:20px;}
.coreValueBox li:before{content:'\f101';font-family:'FontAwesome';color:#fff;position:absolute;left:0;top: -6px;font-size: 22px;}
.coreValueBox li h5{color:#fff;}
.coreValueBox li p{color:#fff;}
.coreValueImg img{width: 800px;}
.whyPartnerUs ul{display: grid;grid-template-columns: 1fr 1fr;gap:15px;}
@media only screen and (max-width:991px){
  .whyPartnerUs ul{grid-template-columns: 1fr;row-gap:15px;}
}
.whyPartnerUs ul li {font-weight: 500;}
.whyPartnerUs ul li::after {top: 5px;}
/* .whatWeImg img {
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
} */
.whatWeDoSec::before{display:none;}
.whatWeDoSec h2,.whatWeDoSec p{color:#000;}
.whatWeImg {
    width: 742px;
    position: relative;
    right: 0;
}
.scheduleSec.whatWeDoSec {
    padding: 0;
    /* position: relative !important; */
}