/*.flex-dc ul li {
    width: 100%;
    padding-bottom: 10px;
    float: left;
}
*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


/*exim data new css form start*/

.flex-dc ul {
  list-style:none;
  padding-left:0;
}

.flex-dc ul li {
  float:left;
  max-width: 196px;
}

.flex-dc ul #spdyfield li:nth-child(3) .hArPSs .cargo-detail-input {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    margin: 0px 3px 3px 0px;
}

.flex-dc ul #spdyfield li:nth-child(4) .hArPSs .cargo-detail-input {
    border-radius: 7px;
    margin: 3px 3px 3px 0px;
}

.flex-dc ul #spdyfield li:nth-child(5) .hArPSs .cargo-detail-input {
    border-radius: 7px;
    margin: 3px 3px 3px 0px;
}

.flex-dc ul #spdyfield li:nth-child(6) .hArPSs .cargo-detail-input {
    border-radius: 7px;
    margin: 3px 3px 3px 0px;
}

.flex-dc ul #spdyfield li:nth-child(7) .hArPSs .cargo-detail-input {
    border-radius: 7px;
    margin: 3px 3px 3px 0px;
}

.flex-dc ul #spdyfield li:nth-child(8) .hArPSs .cargo-detail-input {
    border-radius: 7px;
    margin: 3px 3px 3px 0px;
}

.flex-dc ul #spdyfield li:nth-child(9) .hArPSs .cargo-detail-input {
    border-radius: 7px;
    margin: 3px 3px 3px 0px;
}

.flex-dc ul #spdyfield li:nth-child(10) .hArPSs .cargo-detail-input {
    border-radius: 7px;
    margin: 3px 3px 3px 0px;
}




.hArPSs {
    background-color: rgb(0 0 0 / 0%) !important;
    border-radius: 7px;
}


/*.flex-dc ul li:nth-child(4) {
  margin-top: 3px;
}

.flex-dc ul li:nth-child(5) {
  margin-top: 3px;
}

.flex-dc ul li:nth-child(6) {
  margin-top: 3px;
}*/


.flex-dc-dup {
  max-width: 981px !important;
  margin: 0 auto !important;
}

.flex-dcexim {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.flex-dcexim .under-line ul {
    display: flex;
    padding-left: 0;
    margin-bottom: 3px;
}

.flex-dcexim .under-line ul li {
    list-style: none;
    width: 245px;
}

.crPtNkexim {
    background: none;
    height: 0px;
}

.crPtNkexim::after {
    content: " ";
    border-right: 0.7px solid rgb(223, 228, 237);
    height: 45px;
    margin-top: 0px;
    display: block;
}

.flex-dcexim .under-line ul.inpuwithbtn {
    display: flex;
    padding-left: 0;
    margin-bottom: 3px;
    justify-content: center;
}

.flex-dc ul li {
    width: 243px;
}


/*exim data new css form end*/




/*top header*/

.top-nav-header {
  background: #d9d9d9;
  padding: 5px 0;
}

.header__social {
  padding-left: 27px;
}

.header__login {
  padding-right: 10px;
}

.header__social a {
  display: inline-block;
  font-size: 14px;
  color: #154eba;
  margin-right: 25px;
}

.header__top__widget ul li {
  font-size: 13px;
  color: #263246;
  text-transform: uppercase;
  list-style: none;
  display: inline-block;
  position: relative;
  margin-right: 25px;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
}

.header__login a {
  display: inline-block;
  font-size: 14px;
  color: #154eba;
  margin-right: 25px;
  text-decoration: none;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
}

/*header css start*/

.logo a img {
  width: 155px;
}

nav {
  position: inherit;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 70px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 99;
}

nav .navbar {
  height: 100%;
  max-width: 1250px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  /* background: red; */
  padding: 0 0;
}

.navbar .logo a {
  font-size: 30px;
  color: #000;
  text-decoration: none;
  font-weight: 600;
}

nav .navbar .nav-links {
  line-height: 70px;
  height: 100%;
}

nav .navbar .links {
  display: flex;
}

nav .navbar .links li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 0 14px;
}

nav .navbar .links li a.phone-icon i {
  background: #ffad46;
  width: 35px;
  height: 35px;
  line-height: 36px;
  text-align: center;
  border-radius: 50px;
  color: #ffffff;
}

nav .navbar .links li a.phone-icon i:hover {
  background-color: #154eba;
}

nav .navbar .links li a {
  height: 100%;
  text-decoration: none;
  white-space: nowrap;
  color: #000;
  font-size: 15px;
  font-weight: 400;
  font-family: 'Rubik';
}

nav .navbar .links li a:hover {
  color: #154eba;
}

.links li:hover .htmlcss-arrow,
.links li:hover .js-arrow {
  transform: rotate(180deg);
}

nav .navbar .links li .arrow {
  /* background: red; */
  height: 100%;
  width: 22px;
  line-height: 70px;
  text-align: center;
  display: inline-block;
  color: #fff;
  transition: all 0.3s ease;
}

nav .navbar .links li .sub-menu {
  position: absolute;
  top: 70px;
  left: 0;
  line-height: 40px;
  background: #3E8DA8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 4px 4px;
  display: none;
  z-index: 2;
}

ul.js-sub-menu.sub-menu {
  padding-left: 0;
}

ul.htmlCss-sub-menu.sub-menu {
  padding-left: 0;
}

nav .navbar .links li:hover .htmlCss-sub-menu,
nav .navbar .links li:hover .js-sub-menu {
  display: block;
}

.navbar .links li .sub-menu li {
  padding: 0 22px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar .links li .sub-menu a {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

.navbar .links li .sub-menu .more-arrow {
  line-height: 40px;
}

.navbar .links li .htmlCss-more-sub-menu {
  /* line-height: 40px; */
}

ul.more-sub-menu.sub-menu {
  padding-left: 0;
}

.navbar .links li .sub-menu .more-sub-menu {
  position: absolute;
  top: 0;
  left: 100%;
  border-radius: 0 4px 4px 4px;
  z-index: 1;
  display: none;
}

.links li .sub-menu .more:hover .more-sub-menu {
  display: block;
}

.navbar .search-box {
  position: relative;
  height: 40px;
  width: 40px;
}

.navbar .search-box i {
  position: absolute;
  height: 100%;
  width: 100%;
  line-height: 40px;
  text-align: center;
  font-size: 22px;
  color: #154eba;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.navbar .search-box .input-box {
  position: absolute;
  right: calc(100% - 40px);
  top: 80px;
  height: 60px;
  width: 300px;
  background: #3E8DA8;
  border-radius: 6px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s ease;
  z-index: 999;
}

.navbar.showInput .search-box .input-box {
  top: 65px;
  opacity: 1;
  pointer-events: auto;
  background: #ffad46;
}

.search-box .input-box::before {
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  background: #ffad46;
  right: 10px;
  top: -6px;
  transform: rotate(45deg);
}

.search-box .input-box input {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 4px;
  transform: translate(-50%, -50%);
  height: 35px;
  width: 280px;
  outline: none;
  padding: 0 15px;
  font-size: 16px;
  border: none;
}

.navbar .nav-links .sidebar-logo {
  display: none;
}

.navbar .bx-menu {
  display: none;
}

@media (max-width:920px) {
  nav .navbar {
    max-width: 100%;
    padding: 0 25px;
  }

  nav .navbar .logo a {
    font-size: 27px;
  }

  nav .navbar .links li {
    padding: 0 10px;
    white-space: nowrap;
  }

  nav .navbar .links li a {
    font-size: 15px;
  }
}

@media (max-width:800px) {
  nav {
    /* position: relative; */
  }

  .navbar .bx-menu {
    display: block;
  }

  nav .navbar .nav-links {
    position: fixed;
    top: 0;
    left: -100%;
    display: block;
    max-width: 270px;
    width: 100%;
    background: #ffad46;
    line-height: 40px;
    padding: 20px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.5s ease;
    z-index: 1000;
  }

  .navbar .nav-links .sidebar-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .sidebar-logo .logo-name {
    font-size: 25px;
    color: #fff;
  }

  .sidebar-logo i,
  .navbar .bx-menu {
    font-size: 25px;
    color: #fff;
  }

  nav .navbar .links {
    display: block;
    margin-top: 20px;
  }

  nav .navbar .links li .arrow {
    line-height: 40px;
  }

  nav .navbar .links li {
    display: block;
  }

  nav .navbar .links li .sub-menu {
    position: relative;
    top: 0;
    box-shadow: none;
    display: none;
  }

  nav .navbar .links li .sub-menu li {
    border-bottom: none;

  }

  .navbar .links li .sub-menu .more-sub-menu {
    display: none;
    position: relative;
    left: 0;
  }

  .navbar .links li .sub-menu .more-sub-menu li {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .links li:hover .htmlcss-arrow,
  .links li:hover .js-arrow {
    transform: rotate(0deg);
  }

  .navbar .links li .sub-menu .more-sub-menu {
    display: none;
  }

  .navbar .links li .sub-menu .more span {
    /* background: red; */
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
  }

  .links li .sub-menu .more:hover .more-sub-menu {
    display: none;
  }

  nav .navbar .links li:hover .htmlCss-sub-menu,
  nav .navbar .links li:hover .js-sub-menu {
    display: none;
  }

  .navbar .nav-links.show1 .links .htmlCss-sub-menu,
  .navbar .nav-links.show3 .links .js-sub-menu,
  .navbar .nav-links.show2 .links .more .more-sub-menu {
    display: block;
  }

  .navbar .nav-links.show1 .links .htmlcss-arrow,
  .navbar .nav-links.show3 .links .js-arrow {
    transform: rotate(180deg);
  }

  .navbar .nav-links.show2 .links .more-arrow {
    transform: rotate(90deg);
  }
}

@media (max-width:370px) {
  nav .navbar .nav-links {
    max-width: 100%;
  }
}

/*header css end*/

/*hero section css start*/

/*--------------------------------------------------------------
 # Header
 --------------------------------------------------------------*/
.header {
  padding: 10px 100px;
  transition: all 0.5s;
  z-index: 997;
}

.header.sticked {
  background: #000;
  box-shadow: 0px 2px 20px rgba(var(--color-secondary-rgb), 0.1);
}

.header .logo img {
  max-height: 100px;
  margin-right: 6px;
}


.header .btn-getstarted,
.header .btn-getstarted:focus {
  font-size: 14px;
  color: var(--color-white);
  background: #eb880e;
  padding: 5px 12px;
  border-radius: 4px;
  transition: 0.3s;
  font-family: var(--font-secondary);
}

.header .btn-getstarted:hover,
.header .btn-getstarted:focus:hover {
  color: var(--color-white);
  background: #bc6e0d;
}

.header .btn-getstartedlogin,
.header .btn-getstartedlogin:focus {
  font-size: 14px;
  color: var(--color-white);
  background: #eb880e;
  padding: 5px 12px;
  border-radius: 4px;
  transition: 0.3s;
  font-family: var(--font-secondary);
}

.header .btn-getstartedlogin:hover,
.header .btn-getstartedlogin:focus:hover {
  color: var(--color-white);
  background: #bc6e0d;
}

/*--------------------------------------------------------------
 # Fullscreen Hero Section
 --------------------------------------------------------------*/
.hero-fullscreen {
  width: 100%;
  position: relative;
  padding: 0px 0 0px;
  height: 96vh;
  object-fit: cover;
  display: flex;
}


.hero-fullscreen h2 {
  margin: 0 0 20px 0;
  font-size: 42px;
  color: #fff;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 1.5px 1.5px 1.5px BLACK;
}

.hero-fullscreen h2 span {
  color: #ffad46;
  text-decoration: underline;
}

.hero-fullscreen p {
  color: #fff;
  margin: 0 0 40px 0;
  font-size: 18px;
  font-weight: 400;
  font-family: 'Poppins';
}

.banner-bg-one.show1form img {
    width: 100%;
    height: 100%;
    filter: brightness(0.9);
}


#hero-fullscreen .show1form {
  position: absolute;
  /*   filter: brightness(0.6);*/
  width: 100%;
  object-fit: cover;
  object-position: center center;
  height: 100%;
}

.banner-bg-one .show1form img {
  width: 100%;
  height: 100%;
}

.banner-bg-two .show2form img {
  width: 100%;
  height: 100%;
}

.banner-bg-three.show4form img {
  width: 100%;
  height: 100%;
}

#hero-fullscreen .show4form {
  position: absolute;
  /*   filter: brightness(0.6);*/
  width: 100%;
  object-fit: cover;
  object-position: center center;
  height: 100%;
}

.banner-bg-four.show4form img {
    width: 100%;
    height: 100%;
    filter: brightness(0.7);
}


.hero-fullscreen .container.video-set .banner-head-content {
  padding: 0px 0 20px 0;
  margin-top: -10%;
}

/*video tab button change css start*/

.texthide .show2form,
.texthide .show3form,
.texthide .show4form {
  display: none;
}

.parent-papa .papa-child .importants form.show2form,
.parent-papa .papa-child .importants form.show3form,
.parent-papa .papa-child .importants form.show4form {
  display: none;
}

.picturehide .show2form,
.picturehide .show3form,
.picturehide .show4form {
  display: none;
}

/*video tab button change css end*/

/*banner button active colour change start*/

.activebtn {
  background: rgb(255 173 70) !important;
  color: #fff !important;
}

.activebtn:hover {
  background: #154eba !important;
  color: #fff;
}

/*banner button active colour change end*/


/*# Hero Register Section css new start*/

/*! CSS Used from: Embedded */


.css-13hry26 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  font-family: 'Rubik';
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  text-transform: uppercase;
  min-width: 64px;
  padding: 6px 8px;
  border-radius: 4px;
  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  color: #146FB7;
}

@media print {
  .css-13hry26 {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
}

.css-13hry26:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  background-color: rgba(20, 111, 183, 0.04);
}

@media (hover: none) {
  .css-13hry26:hover {
    background-color: transparent;
  }
}

.css-um19vb {
  position: fixed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-tap-highlight-color: transparent;
}

.css-v3z1wi {
    box-sizing: border-box;
    display: inherit;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.css-i44wyl {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
    vertical-align: top;
    width: 100%;
}

.css-11gsv8a {
    padding: 0;
    display: block;
    transform-origin: top left;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(133% - 24px);
    position: absolute;
    left: 0;
    top: 0;
    transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
    z-index: 1;
    pointer-events: auto;
    user-select: none;
}

.css-lgwytw {
    color: rgba(0, 0, 0, 0.87);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    transition: background-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
}

.css-lgwytw:hover {
  background-color: rgba(0, 0, 0, 0.09);
}

@media (hover: none) {
  .css-lgwytw:hover {
    background-color: rgba(0, 0, 0, 0.06);
  }
}

.css-2bxn45 {
    font: inherit;
    letter-spacing: inherit;
    color: currentColor;
    border: 0;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
}

.css-2bxn45:focus {
  outline: 0;
}

.css-2bxn45:invalid {
  box-shadow: none;
}

/*! CSS Used from: Embedded */
.css-w0pj6f {
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  z-index: 0;
  inset: 0px;
  border-radius: inherit;
}

/*! CSS Used from: Embedded */
.bviHGw.item:empty {
  padding: 0px;
}

.Rhiru.root {
  display: flex;
  cursor: pointer;
  font-family: inherit;
  letter-spacing: inherit;
  border-width: 0px;
  height: 50px;
  min-width: 140px;
  border-radius: 3px;
  font-size: 14px;
  line-height: 180%;
  padding: 0px;
  background: rgb(20, 111, 183);
  color: rgb(255, 255, 255);
}

.Rhiru.root:hover {
  color: rgb(255, 255, 255);
  background: rgb(0, 68, 117);
  box-shadow: rgba(0, 0, 0, 0.07) 0px 6px 10px;
}

.Rhiru.root:active {
  color: rgb(255, 255, 255);
  background: rgb(0, 68, 117);
}

.Rhiru.root:disabled {
  color: rgb(123, 123, 142);
  background: rgb(223, 228, 237);
}

.Rhiru.root:focus {
  box-shadow: none;
}

.Rhiru>span:first-child {
  text-transform: uppercase;
  margin-left: 6px;
  margin-right: 6px;
}

.Rhiru.text {
  padding: 8px 16px;
}

.fsKrUd {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  white-space: nowrap;
}

.cUQkNU {
  display: inline-block;
}

/*.kUknEd {
  width: 100%;
  border-radius: 4px;
}*/

/*.kUknEd .InputLabel-root {
  font-size: 14px;
  font-family: 'Rubik';
  line-height: 180%;
  color: rgb(19, 23, 28);
  font-weight: 600;
  margin-left: 15px;
}*/

/*.kUknEd .InputLabel-root.MuiInputLabel-filled {
  transform: translate(10px, 14px) scale(1);
}*/

/*.kUknEd .InputLabel-root.MuiInputLabel-filled.MuiInputLabel-shrink {
  transform: translate(10px, 6px) scale(0.75);
}*/

/*.kUknEd .Input-root {
  font-size: 14px;
  font-family: 'Rubik';
  line-height: 180%;
  background: rgb(255, 255, 255);
  font-weight: 400;
  border-radius: 4px;
  margin-top: 0px;
  height: 56px;
  border: 0px;
  padding-left: 25px;
}*/

.kUknEd .Input-root input {
  padding: 27px 10px 10px 0px;
}

.kUknEd .Input-root input::placeholder {
  color: rgb(123, 123, 142);
  opacity: 1;
}

.eVCNam {
  position: relative;
}

.eVCNam svg {
  width: 12px;
  height: 12px;
  position: absolute;
  left: -17px;
  margin-top: 7px;
}

.kNRLhR {
  display: inline-flex;
  margin-left: 5px;
  -webkit-box-align: center;
  align-items: center;
}

/*.dNtFSb {
  width: 100%;
  border-radius: 7px;
}*/

@media (min-width: 1200px) {
  .dNtFSb {
    border-radius: 7px;
  }
}

.dNtFSb .InputLabel-root {
  font-size: 14px;
  font-family: 'Rubik';
  line-height: 180%;
  color: rgb(19, 23, 28);
  font-weight: 500;
  margin-left: 15px;
}

/*.dNtFSb .InputLabel-root.MuiInputLabel-filled {
  transform: translate(10px, 14px) scale(1);
}*/

.dNtFSb .InputLabel-root.MuiInputLabel-filled.MuiInputLabel-shrink {
  transform: translate(10px, 15px) scale(0.75);
}

.dNtFSb .Input-root {
  font-size: 11px;
  font-family: 'Rubik';
  line-height: 180%;
  background: rgb(255, 255, 255);
  font-weight: 400;
  border-radius: 7px;
  margin-top: 0px;
  height: 73px;
  border: 0px;
  padding-left: 25px;
}

/* grapout dropdown option css start*/

/*button#dropdownMenuButton1 {
    margin-top: 34px;
    background: transparent;
    color: #837f8e;
    border: none;
    box-shadow: none;
    padding-left: 0;
    font-size: 14px;
    font-family: 'Rubik';
}*/

/* grapout dropdown option css end*/

.dNtFSb .Input-root:hover {
  background: rgb(255, 255, 255);
  border-radius: 7px;
}

@media (min-width: 1200px) {
  .dNtFSb .Input-root {
    border-radius: 7px;
  }
}

.dNtFSb .Input-root input::placeholder {
  color: rgb(123, 123, 142);
  opacity: 1;
}

.dWLGzE {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
  border-radius: 0px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 7px;
}

.dWLGzE:hover {
  border: 1px solid rgb(20, 111, 183);
}

.dWLGzE:hover .Input-root {
  border-radius: 7px;
}

.dWLGzErowtwo {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
  border-radius: 7px;
/*  border-top-left-radius: 0;*/
}

.dWLGzErowtwo:hover {
  border: 1px solid rgb(20, 111, 183);
  border-radius: 7px;
}

.dWLGzErowtwo:hover .Input-root {
  border-radius: 7px;
}

.dWLGzErowtwoloading {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
  border-radius: 7px;
/*  border-top-left-radius: 0;*/
}

.dWLGzErowtwoloading:hover {
  border: 1px solid rgb(20, 111, 183);
  border-radius: 7px;
}

.dWLGzErowtwoloading:hover .Input-root {
  border-radius: 7px;
}


/* siomex form field width size start*/


/*registration data button css start*/

.bUzvtk .single-tab-tooltip {
    display: flex;
}

.bDnxBM {
    margin: 0px;
}

.kNRLhR {
    display: inline-flex;
    margin-left: 5px;
    -webkit-box-align: center;
    align-items: center;
}

.bUzvtk .single-tab-item {
    text-wrap: nowrap;
    border-right: 0.7px solid rgb(208, 208, 216);
    font-size: 14px;
    font-family: 'Rubik';
    line-height: 180%;
    font-weight: 400;
    padding: 10px 21px;
    background: rgb(223, 228, 237);
    border-radius: 5px 0px 0px;
}

.kGlwK {
    cursor: pointer;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(123, 123, 142);
}

.activebtn {
    background: rgb(255 173 70) !important;
    color: #fff !important;
}

.bUzvtk .single-tab-item span {
    display: inline-block;
    margin-left: 5px;
}


/*registration data button css end*/

.IkrGO {
  max-width: 245px;
  width: 100%;
}

.iwzpbM {
  max-width: 245px;
  width: 100%;
}

/*.FCLCargoDetailFieldstyled__CargoDetailsWrapper-sc-w3bxzp-0.iwzpbM:hover {
    border: 1px solid rgb(20, 111, 183);
}*/

/* siomex form field width size end*/

/* B2B trade form field width size start*/

/*new css field start */

.banner-bg-two .show2form img {
    width: 100%;
    height: 100%;
}

.flex-dc {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

#hero-fullscreen .show2form {
    position: absolute;
    /* filter: brightness(0.6); */
    width: 100%;
    object-fit: cover;
    object-position: center center;
    height: 100%;
}


.iOWqIeb2b .origin-location-input-wrapperb2b {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.dQYYeNb2b {
    background-color: rgb(255, 255, 255);
}

.dWLGzEb2b {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    border-radius: 7px;
    border-top-left-radius: 0;
}

.css-v3z1wib2b {
    box-sizing: border-box;
    display: inherit;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/*.dNtFSbb2b .InputLabel-rootb2b .MuiInputLabel-filledb2b .MuiInputLabel-shrinkb2b {
    transform: translate(10px, 15px) scale(0.75);
}

.MuiFormControl-rootb2b.
.MuiTextField-rootb2b.
.sc-fZUakHb2b.kUknEdb2b.
.InputWithIconstyled__InputWithIcon-sc-100kryz-0
.dNtFSbb2b.css-i44wylb2b label#mui-444-label {
  transform: translate(10px, 15px) scale(0.75);
}*/

.dNtFSbb2b .InputLabel-rootb2b.MuiInputLabel-filledb2b.MuiInputLabel-shrinkb2b {
    transform: translate(10px, 15px) scale(0.75);
}


.dNtFSbb2b .InputLabel-rootb2b {
    font-size: 14px;
    font-family: 'Rubik';
    line-height: 180%;
    color: rgb(19, 23, 28);
    font-weight: 500;
    margin-left: 15px;
}

.iOWqIeb2b label {
    overflow: unset;
}

.css-11gsv8ab2b {
    padding: 0;
    display: block;
    transform-origin: top left;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(133% - 24px);
    position: absolute;
    left: 0;
    top: 0;
    transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
    z-index: 1;
    pointer-events: auto;
    user-select: none;
}

.eVCNamb2b {
    position: relative;
}

.MuiInputBase-root select.form-select {
    border: none;
    padding: 0px 40px 0px 5px;
    font-size: 11px;
    font-family: 'Rubik';
    /* background: rgb(255, 255, 255); */
    color: #7580a1;
    margin-top: 16px;
}

.MuiInputBase-root select.form-select:focus {
  box-shadow: none;
}

.dNtFSbb2b .Input-rootb2b {
    font-size: 11px;
    font-family: 'Rubik';
    line-height: 180%;
    background: rgb(255, 255, 255);
    font-weight: 400;
    border-radius: 7px;
    margin-top: 0px;
    height: 73px;
    border: 0px;
    padding-left: 25px;
}

.css-lgwytwb2b {
    color: rgba(0, 0, 0, 0.87);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    transition: background-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
}

.kUknEdb2b .Input-rootb2b input {
    padding: 27px 10px 10px 0px;
}


.css-2bxn45b2b:focus {
    outline: 0;
}

.css-2bxn45b2b {
    font: inherit;
    letter-spacing: inherit;
    color: currentColor;
    border: 0;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
}

.css-i44wylb2b {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
    vertical-align: top;
    width: 100%;
}

.crPtNkb2b {
    background: rgb(255, 255, 255);
    height: 75px;
}

.crPtNkb2b::after {
    content: " ";
    border-right: 0.7px solid rgb(223, 228, 237);
    height: 45px;
    margin-top: 15px;
    display: block;
}

.css-lgwytwb2b {
    color: rgba(0, 0, 0, 0.87);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    transition: background-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
}

/*new css field end*/


.flex-dc .IkrGOb2bcompany {
  max-width: 300px;
  width: 100%;
}

.flex-dc .IkrGOb2bfiled {
  max-width: 541px;
  width: 100%;
}

.LocationFieldstyled__Wrapper-sc-1ostbc0-2.IkrGOb2bcompany.origin-location.origin-location-wrapper:hover {
    border: 1px solid rgb(20, 111, 183);
}

.LocationFieldstyled__Wrapper-sc-1ostbc0-2.IkrGOb2bfiled.-wrapper:hover {
  border: 1px solid rgb(20, 111, 183);
}

/* B2B trade form field width size end*/

/* Grapout form field width size start*/

/*new css field start*/

.banner-bg-three .show3form img {
    width: 100%;
    height: 100%;
    filter: brightness(0.7);
}


#hero-fullscreen .show3form {
    position: absolute;
    /* filter: brightness(0.6); */
    width: 100%;
    object-fit: cover;
    object-position: center center;
    height: 100%;
}

/*.iOWqIegrap {
    display: flex !important;
    align-items: flex-start;
}*/


.iOWqIegrap .origin-location-input-wrappergrap {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.dQYYeNgrap {
    background-color: rgb(255, 255, 255);
}

.dWLGzEgrap {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    border-radius: 7px;
    border-top-left-radius: 0;
}

.css-v3z1wigrap {
    box-sizing: border-box;
    display: inherit;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dNtFSbgrap .InputLabel-rootgrap .MuiInputLabel-filledgrap .MuiInputLabel-shrinkgrap {
    transform: translate(10px, 15px) scale(0.75);
}

.dNtFSbgrap .InputLabel-rootgrap {
    font-size: 14px;
    font-family: 'Rubik';
    line-height: 180%;
    color: rgb(19, 23, 28);
    font-weight: 500;
    margin-left: 15px;
}

.iOWqIegrap label {
    overflow: unset;
}

.css-11gsv8agrap {
    padding: 0;
    display: block;
    transform-origin: top left;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(133% - 24px);
    position: absolute;
    left: 0;
    top: 0;
    transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
    z-index: 1;
    pointer-events: auto;
    user-select: none;
}

.eVCNamgrap {
    position: relative;
}

.dNtFSbgrap .InputLabel-rootgrap.MuiInputLabel-filledgrap.MuiInputLabel-shrinkgrap {
    transform: translate(10px, 15px) scale(0.75);
}


.dNtFSbgrap .Input-rootgrap { 
    font-size: 11px;
    font-family: 'Rubik';
    line-height: 180%;
    background: rgb(255, 255, 255);
    font-weight: 400;
    border-radius: 7px;
    margin-top: 0px;
    height: 73px;
    border: 0px;
    padding-left: 25px;
}

.css-lgwytwgrap {
    color: rgba(0, 0, 0, 0.87);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    transition: background-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
}

.kUknEdgrap .Input-rootgrap input {
    padding: 27px 10px 10px 0px;
}

.css-2bxn45grap:focus {
    outline: 0;
}

.css-2bxn45grap {
    font: inherit;
    letter-spacing: inherit;
    color: currentColor;
    border: 0;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
}

.css-i44wylgrap {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
    vertical-align: top;
    width: 100%;
}

/*.crPtNkb2b {
    background: rgb(255, 255, 255);
    height: 75px;
}

.crPtNkb2b::after {
    content: " ";
    border-right: 0.7px solid rgb(223, 228, 237);
    height: 45px;
    margin-top: 15px;
    display: block;
}*/

.css-lgwytwgrap {
    color: rgba(0, 0, 0, 0.87);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    transition: background-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
}

/*new css field end*/


.IkrGOgrapout {
  max-width: 841px;
  width: 100%;
}

/* Grapout form field width size end*/


/* Bookmyvessel form field width size start*/

.LocationFieldstyled__Wrapper-sc-1ostbc0-2.IkrGOgrapout.origin-location.origin-location-wrapper:hover {
  border: 1px solid rgb(20, 111, 183);
}

/*new css field start*/

#hero-fullscreen .show4form {
    position: absolute;
    /* filter: brightness(0.6); */
    width: 100%;
    object-fit: cover;
    object-position: center center;
    height: 100%;
}

/*.iOWqIebook {
    display: flex !important;
    align-items: flex-start;
}*/


.iOWqIebook .origin-location-input-wrapperbook {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.dQYYeNbook {
    background-color: rgb(255, 255, 255);
}

.dWLGzEbook {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    border-radius: 7px;
    border-top-left-radius: 0;
}

.css-v3z1wibook {
    box-sizing: border-box;
    display: inherit;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dNtFSbbook .InputLabel-rootbook.MuiInputLabel-filledbook.MuiInputLabel-shrinkbook {
    transform: translate(10px, 15px) scale(0.75);
}

.dNtFSbbook .InputLabel-rootbook {
    font-size: 14px;
    font-family: 'Rubik';
    line-height: 180%;
    color: rgb(19, 23, 28);
    font-weight: 500;
    margin-left: 15px;
}

.iOWqIebook label {
    overflow: unset;
}

.css-11gsv8abook {
    padding: 0;
    display: block;
    transform-origin: top left;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(133% - 24px);
    position: absolute;
    left: 0;
    top: 0;
    transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
    z-index: 1;
    pointer-events: auto;
    user-select: none;
}

.eVCNamgrap {
    position: relative;
}


.dNtFSbbook .Input-rootbook { 
    font-size: 11px;
    font-family: 'Rubik';
    line-height: 180%;
    background: rgb(255, 255, 255);
    font-weight: 400;
    border-radius: 7px;
    margin-top: 0px;
    height: 73px;
    border: 0px;
    padding-left: 25px;
}

.css-lgwytwbook {
    color: rgba(0, 0, 0, 0.87);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    transition: background-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
}

.kUknEdbook .Input-rootbook input {
    padding: 27px 10px 10px 0px;
}

.css-2bxn45book:focus {
    outline: 0;
}

.css-2bxn45book {
    font: inherit;
    letter-spacing: inherit;
    color: currentColor;
    border: 0;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
}

.css-i44wylbook {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
    vertical-align: top;
    width: 100%;
}

/*.crPtNkb2b {
    background: rgb(255, 255, 255);
    height: 75px;
}

.crPtNkb2b::after {
    content: " ";
    border-right: 0.7px solid rgb(223, 228, 237);
    height: 45px;
    margin-top: 15px;
    display: block;
}*/

.css-lgwytwbook {
    color: rgba(0, 0, 0, 0.87);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    transition: background-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
}


/*new css field end*/

.IkrGObook {
  max-width: 281px;
  width: 100%;
}

.iwzpbMbook {
  max-width: 280px;
  width: 100%;
}

.LocationFieldstyled__Wrapper-sc-1ostbc0-2.IkrGObook.origin-location.origin-location-wrapper:hover {
  border: 1px solid rgb(20, 111, 183);
}

.LocationFieldstyled__Wrapper-sc-1ostbc0-2.IkrGObook.-wrapper:hover {
  border: 1px solid rgb(20, 111, 183);
}

/* Bookmyvessel form field width size end*/


@media (max-width: 767.98px) {
  .IkrGO {
    max-width: 100%;
  }
}

.dQYYeN {
  background-color: rgb(255, 255, 255);
  border-radius: 0px;
}

@media (max-width: 767.98px) {
  .dQYYeN {
    background-color: transparent;
  }
}

.ivbRJJ.MuiBackdrop-root {
  z-index: 9999;
}

.iOWqIe {
    display: flex;
    align-items: flex-start;
}

.iOWqIe label {
  overflow: unset;
}

.iOWqIe .origin-location-input-wrapper {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}

.iOWqIe .origin-location-input-wrapper-lo {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}

@media (max-width: 767.98px) {
  .iOWqIe {
    gap: 10px;
    flex-direction: column;
    padding: 10px;
  }

  .importants .iOWqIeb2b .flex-dc {
    gap: 10px;
    flex-direction: column;
    padding: 10px;
  }

  .importants .iOWqIeb2b .flex-dcexim {
    gap: 10px;
    flex-direction: column;
    padding: 10px;
  }

  .crPtNkb2b {
    display: none;
  }

  .importants .iOWqIegrap .flex-dc {
    gap: 10px;
    flex-direction: column;
    padding: 10px;
  }

   .importants .iOWqIegrap .flex-dcexim {
    gap: 10px;
    flex-direction: column;
    padding: 10px;
  }

  .importants .flex-dc {
    gap: 10px;
    flex-direction: column;
  }

  .importants .flex-dcexim {
    gap: 10px;
    flex-direction: column;
  }

  .flex-dcexim .under-line ul {
    display: block;
    margin-bottom: 0;
  }

  .flex-dcexim .under-line ul.inpuwithbtn {
    flex-wrap: wrap;
  }

  .flex-dcexim .under-line ul li {
    width: 100%;
    padding-bottom: 10px;
  }

  .importants .iOWqIebook .flex-dc {
    gap: 10px;
    flex-direction: column;
    padding: 10px;
  }

  .importants .iOWqIebook .flex-dcexim {
    gap: 10px;
    flex-direction: column;
    padding: 10px;
  }

  .crPtNkbook {
    display: none;
  }
}

.loeMIK .root {
  background-color: rgb(255 173 70);
  height: 74.5px;
  border-radius: 0px 7px 7px 0px;
}

.loeMIK .root:hover,
.loeMIK .root:active {
  background-color: #154eba;
}

@media (max-width: 767.98px) {
  .loeMIK .root {
    border-radius: 7px;
    width: 100%;
    height: 48px;
  }
}

@media (max-width: 767.98px) {
  .loeMIK {
    width: 100%;
  }
}

.crPtNk {
  background: rgb(255, 255, 255);
  height: 75px;
}

.crPtNk::after {
  content: " ";
  border-right: 0.7px solid rgb(223, 228, 237);
  height: 45px;
  margin-top: 15px;
  display: block;
}

@media (max-width: 767.98px) {
  .crPtNk {
    display: none;
  }
}


@media (max-width: 767.98px) {
  .iwzpbM {
    max-width: 100%;
    width: 100%;
    padding-right: 0px;
  }
}

.hArPSs {
  background-color: rgb(255, 255, 255);
}

/*@media (max-width: 767.98px) {
  .hArPSs {
    border-radius: 7px;
  }
}*/

.hArPSs .cargo-detail-input {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
  border-radius: 0px;
}

.bdrryt {
    border-radius: 7px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.hArPSs .cargo-detail-input:hover {
  border: 1px solid rgb(20, 111, 183);
  width: 100%;
}

.hArPSs .cargo-detail-input:hover .Input-root {
  border-radius: 7px;
}

.bUzvtk {
  display: flex;
  max-width: 957px;
  margin: 0px auto;
}

@media (max-width: 767.98px) {
  .bUzvtk {
    padding: 0px 10px;
  }
}

.bUzvtk .single-tab-item {
  text-wrap: nowrap;
  border-right: 0.7px solid rgb(208, 208, 216);
  font-size: 14px;
  font-family: 'Rubik';
  line-height: 180%;
  font-weight: 400;
  padding: 10px 21px;
  background: rgb(223, 228, 237);
  border-radius: 5px 0px 0px;
}

@media (max-width: 767.98px) {
  .bUzvtk .single-tab-item {
    text-wrap: wrap;
    text-align: center;
  }

  .bUzvtk .single-tab-item svg {
    min-height: 15px;
    min-width: 15px;
  }
}

.bUzvtk .single-tab-item span {
  display: inline-block;
  margin-left: 5px;
}

@media (max-width: 767.98px) {
  .bUzvtk .single-tab-item {
    border-radius: 5px 0px 0px 5px;
  }
}

.bUzvtk .single-tab-tooltip {
  display: flex;
}

@media (max-width: 767.98px) {
  .bUzvtk .single-tab-tooltip {
    flex: 1 1 0%;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
}

.bUzvtk .single-tab-tooltip:not(:first-child):not(:last-child)>.single-tab-item {
  border-radius: 0px;
}

.bUzvtk .single-tab-tooltip:last-child>.single-tab-item {
  border-right: none;
  border-radius: 0px 5px 0px 0px;
}

@media (max-width: 767.98px) {
  .bUzvtk .single-tab-tooltip:last-child>.single-tab-item {
    border-radius: 0px 5px 5px 0px;
  }
}

.kGlwK {
  cursor: pointer;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  color: rgb(123, 123, 142);
}

@media (max-width: 767.98px) {
  .kGlwK {
    border-radius: 5px 0px 0px 5px;
    flex: 1 1 0%;
    -webkit-box-pack: center;
    justify-content: center;
  }
}


.eAFiph {
  cursor: pointer;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  color: rgb(123, 123, 142);
}

@media (max-width: 767.98px) {
  .eAFiph {
    border-radius: 5px 0px 0px 5px;
    flex: 1 1 0%;
    -webkit-box-pack: center;
    justify-content: center;
  }
}

.bDnxBM {
  margin: 0px;
}

.bgkxjS {
  padding-top: 5px;
  padding-bottom: 5px;
}

/*.bgkxjS>div {
   max-width: none;
 }*/

.bgkxjS form {
  -webkit-box-pack: center;
  justify-content: center;
}

.kdxlmb {
  transition: background 0.3s ease 0s;
}

.WidgetElementstyled__WidgetWrapper-sc-3aapiw-0.dKnzum {
  width: 100%;
  margin: 0 auto;
}

button {
  cursor: pointer;
}

button:focus {
  outline: none;
}

/*! CSS Used keyframes */
@-webkit-keyframes mui-auto-fill-cancel {
  from {
    display: block;
  }
}

@keyframes mui-auto-fill-cancel {
  from {
    display: block;
  }
}

@-webkit-keyframes mui-auto-fill-cancel {
  0% {
    display: block;
  }
}

@keyframes mui-auto-fill-cancel {
  0% {
    display: block;
  }
}

@-webkit-keyframes mui-auto-fill-cancel {
  0% {
    display: block;
  }
}

@keyframes mui-auto-fill-cancel {
  0% {
    display: block;
  }
}


/*# Hero Register Section css new end*/


/*siomex about section css start*/

section.siomex-section {
  background: url(../images/siomex-bg-two.png) no-repeat;
  background-size: cover;
  width: 100%;
  padding: 80px 0 80px 0;
}

.bg-pic-clr .siomex-about-pic {
  position: relative;
  z-index: 999;
}

.bg-pic-clr .siomex-about-pic img {
  border-radius: 4px;
}

.bg-pic-clr {
  position: relative;
  display: block;
  max-width: 500px;
  width: 100%;
}

.bg-pic-clr .siomex-about-pic::before {
  content: "";
  position: absolute;
  top: 50px;
  left: 50px;
  right: -10px;
  bottom: -10px;
  border-radius: 4px;
  background-color: #ffc107;
  z-index: -2;
}

.block-content .about-heading h4 {
  font-size: 18px;
  font-family: 'Rubik';
  color: #1f4b96;
  text-transform: uppercase;
}

.block-content .about-heading h4 span {
  color: #ffc107;
}

.block-content .about-heading h3 {
  font-size: 28px;
  color: #222222;
  font-family: 'Rubik';
  text-transform: uppercase;
}

.block-content .about-heading h5 {
  font-size: 18px;
  color: #222222;
  font-family: 'Rubik';
  text-transform: uppercase;
}

.block-content .siomex-about-content p {
  font-size: 14px;
  color: #888888;
  font-family: 'Rubik';
  font-weight: 400;
}

.block-content .read-more-btn button.btnread {
  background-color: #ffc107;
  box-shadow: none;
  border: none;
  padding: 8px 15px 8px 15px;
  border-radius: 4px;
  color: #fff;
  font-family: 'Rubik';
  font-size: 14px;
}

.block-content .read-more-btn button.btnread:hover {
  background: #154eba;
  color: #fff;
}


/*siomex about section css end*/

/*corpiness b2btrade about section css start*/

section.corpiness-b2btrade {
  padding: 80px 0 80px 0;
  background: url(../images/corpiness-pattern-2.png) no-repeat; 
  background-size: cover;
  width: 100%;
  background-color: #154eba;
}


.corpiness-block-content .corpiness-about-heading h4 {
  font-size: 18px;
  font-family: 'Rubik';
  color: #ffffff;
  text-transform: uppercase;
}

.corpiness-block-content .corpiness-about-heading h4 span {
  color: #ffc107;
}

.corpiness-block-content .corpiness-about-heading h3 {
  font-size: 28px;
  color: #fff;
  font-family: 'Rubik';
  text-transform: uppercase;
}

.corpiness-block-content .corpiness-about-content p {
  font-size: 14px;
  color: #fff;
  font-family: 'Rubik';
  font-weight: 400;
}

.corpiness-block-content .corpiness-read-more-btn button.btnread {
  background-color: #ffc107;
  box-shadow: none;
  border: none;
  padding: 8px 15px 8px 15px;
  border-radius: 4px;
  color: #fff;
  font-family: 'Rubik';
  font-size: 14px;
}

.corpiness-block-content .corpiness-read-more-btn button.btnread:hover {
  background: #fff;
  color: #154eba;
}

.accordion-item .accordion-button:not(.collapsed) {
  color: #222222;
  background-color: #ffffff;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
  font-family: 'Rubik';
  font-size: 16px;
}

#panelsStayOpen-collapseOne .accordion-body {
  padding: 1rem 1.25rem;
  font-size: 14px;
  color: #888888;
  font-family: 'Rubik';
}

.accordion-item .accordion-button {
  color: #222222;
  background-color: #ffffff;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
  font-family: 'Rubik';
  font-size: 16px;
}

#panelsStayOpen-collapseTwo .accordion-body {
  padding: 1rem 1.25rem;
  font-size: 14px;
  color: #888888;
  font-family: 'Rubik';
}

#panelsStayOpen-collapseThree .accordion-body {
  padding: 1rem 1.25rem;
  font-size: 14px;
  color: #888888;
  font-family: 'Rubik';
}

.accordion-item:first-of-type {
  box-shadow: 0px 0px 1px 0px black;
}

.accordion-item:not(:first-of-type) {
  box-shadow: 0px 0px 1px 0px black;
}


/*corpiness b2btrade about section css end*/

/*grapout about section css start*/

.grapout-icon-demo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-top: 25px;
}

.grapout-icon-demo .grap-connect img,
.grap-search img,
.grap-company img {
  width: 100%;
  padding: 0 0 20px 0;
}

.grap-connect,
.grap-search,
.grap-company {
  margin: 0 20px 0px 20px;
}

section.grapout-section {
  padding: 80px 0 80px 0;
  background: url(../images/pattern-bg.png) no-repeat;
  width: 100%;
}

.grap-connect a,
.grap-search a,
.grap-company a {
  font-size: 14px;
  color: #222222;
  font-family: 'Rubik';
  font-weight: 500;
  text-decoration: none;
}

.grap-connect a :hover,
.grap-search a :hover,
.grap-company a :hover {
  color: #154eba;
}

.grap-connect::after {
  content: "";
  position: absolute;
  border: 1px dashed #ccc;
  top: 95px;
  left: 150px;
  width: 23%;
  transform: rotate(90deg);
}

.grap-search::after {
  content: "";
  position: absolute;
  border: 1px dashed #ccc;
  top: 95px;
  width: 23%;
  transform: rotate(90deg);
  right: 145px;
}

/*grapout about section css end*/


/*bookmyvessel about section css strat*/

section.bookmyvessel {
  padding: 80px 0 80px 0;
  background: url(../images/corpiness-pattern.png) no-repeat; 
  background-size: cover;
  width: 100%;
  background-color: #154eba;
}

.bookmyvessel-block-content .bookmyvessel-about-heading h3 {
  font-size: 28px;
  color: #fff;
  font-family: 'Rubik';
  text-transform: uppercase;
}

.bookmyvessel-block-content .bookmyvessel-about-content p {
  font-size: 14px;
  color: #fff;
  font-family: 'Rubik';
  font-weight: 400;
}

.bookmyvessel-block-content .bookmyvessel-about-heading h4 {
  font-size: 18px;
  font-family: 'Rubik';
  color: #fff;
  text-transform: uppercase;
}

.bookmyvessel-block-content .bookmyvessel-about-heading h4 span {
  color: #ffc107;
}

.bookmyvessel-block-content .read-more-btn button.btnread {
  background-color: #ffc107;
  box-shadow: none;
  border: none;
  padding: 8px 15px 8px 15px;
  border-radius: 4px;
  color: #fff;
  font-family: 'Rubik';
  font-size: 14px;
}

.bookmyvessel-block-content .read-more-btn button.btnread:hover {
  background: #fff;
  color: #154eba;
}

.bookmyvessel-block-content .mission-heading {
  display: flex;
  align-items: center;
}

.bookmyvessel-block-content .mission-heading img {
  padding-right: 8px;
}

.bookmyvessel-block-content .mission-heading h5 {
  color: #fff;
  font-size: 18px;
  font-family: 'Rubik';
  font-weight: 500;
  margin-bottom: 0;
  text-transform: uppercase;
}

.bookmyvessel-bg-pic-clr {
  position: relative;
  display: block;
  max-width: 500px;
  width: 100%;
  margin-left: 5%;
}

.bookmyvessel-bg-pic-clr .bookmyvessel-about-pic {
  position: relative;
  z-index: 999;
}

.bookmyvessel-bg-pic-clr .bookmyvessel-about-pic::before {
  content: "";
  position: absolute;
  top: 50px;
  right: 50px;
  left: -10px;
  bottom: -10px;
  border-radius: 4px;
  background-color: #fff;
  z-index: -2;
}

.bookmyvessel-bg-pic-clr .bookmyvessel-about-pic img {
  border-radius: 4px;
}

/*bookmyvessel about section css end*/


/*testimonial about section css start*/

section.testimonial-section {
  padding: 80px 0 80px 0;
  /* background: url(../images/corpiness-pattern.png) no-repeat; */
  background-size: cover;
  width: 100%;
  background-color: #fafafa;
}

section.testimonial-section .container.bg-inner-white {
  background-color: #fff;
  box-shadow: 0px 0px 3px 1px #0000001c;
}

.customer-left-section .customer-inner h3 {
  font-size: 50px;
  color: #fff;
  font-family: rubik;
  text-align: center;
  font-style: italic;
  text-transform: uppercase;
}


.customer-right-content .customer-inner-content h4 {
  font-size: 32px;
  font-family: rubik;
  color: #222222;
  font-weight: 500;
  text-transform: uppercase;
}

.customer-right-content .customer-inner-content {
  text-align: center;
  padding-bottom: 10px;
}

.customer-right-content .customer-inner-content p {
  font-size: 14px;
  color: #888888;
  font-family: 'Rubik';
  font-weight: 400;
}

hr.s1-customer {
  height: 5px;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  background: none;
}

.customer-left-section {
  background: url(../images/testimonial-customer-bg.png) no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.customer-inner {
  margin: 0 auto;
  padding: 232px 30px 224px 0px;
}

.customer-right-content {
    padding: 53px 60px 53px 60px;
}

.team-name h6 {
  font-size: 18px;
  color: #222222;
  font-family: 'Rubik';
}

.team-name span {
  font-size: 12px;
  color: #888888;
}

.team-member-main {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.team-profile1 img {
  border-radius: 50%;
  width: 130px;
}

.team-profile2 img {
  border-radius: 50%;
  width: 180px;
}

.team-profile3 img {
  border-radius: 50%;
  width: 130px;
}

.cmt-cont p {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    color: #6E7580;
    font-weight: 400;
    line-height: 17px;
    margin: 10px 0 0px 0;
    text-align: center;
}


.team-name {
  display: flex;
  justify-content: center;
  padding-top: 30px;
  text-align: center;
}

.team-member-main {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-top: 20px;
}

/*testimonial about section css end*/


/*client slider about section css start*/

section.client-section {
  padding: 40px 0 30px 0;
  background-color: #ffffff;
}

.container-logo {
  overflow: hidden;

  .slider {
    animation: slidein 30s linear infinite;
    white-space: nowrap;

    .logos {
      width: 100%;
      display: inline-block;
      margin: 0 0 50px 0;
    }

    .logoss {
      width: 100%;
      display: inline-block;
      margin: 0 0 50px 0;
    }
  }
}

.container.rounded h1 {
  font-size: 32px;
  color: #222222;
  font-family: 'Rubik';
  font-weight: 400;
  margin-bottom: 40px;
}

.container.rounded h1 span {
  color: #ffc107;
}


.container-logo .logos img {
  margin: 0 30px;
}

.container-logo .logoss img {
  margin: 0 30px;
}

@keyframes slidein {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/*client slider about section css end*/

/*footer main section css start*/


section.footer-main {
  padding: 50px 0 50px 0;
  background: url(../images/footer-bg-dot.jpg) no-repeat;
  width: 100%;
}

.footer-logo img {
  width: 135px;
}

.footer-logo {
  background-color: #fff;
  width: 160px;
  height: 50px;
  text-align: center;
  padding: 7px 0 0 0;
  border-radius: 4px;
}

.footer-content p {
  font-size: 14px;
  color: #fff;
  font-family: 'Rubik';
  font-weight: 400;
  padding: 30px 0 10px 0;
}

.footer-contact-info ul {
  list-style: none;
  padding-left: 0;
}

.footer-contact-info ul li {
  padding: 6px 0 0 0;
}

.footer-contact-info a {
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  font-family: 'Rubik';
}

.footer-contact-info a:hover {
  color: #ffab41;
}

.footer-contact-info i {
  padding-right: 10px;
  color: #fff;
}

.footer-social-icon ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  margin-bottom: 0;
}

.footer-social-icon i {
  background-color: #fff;
  margin: 0 10px 0 0;
  color: #000;
  width: 40px;
  height: 40px;
  padding: 11px 12px;
  border-radius: 50%;
  font-size: 20px;
}

.footer-social-icon i:hover {
  background-color: #ffab41;
  color: #fff;
}

.quick-content h5 {
  font-family: 'Rubik';
  font-size: 22px;
  color: #ffff;
  margin-bottom: 0;
}

.quick-footer-menu ul {
  list-style: none;
  padding-left: 0;
  margin-top: 46px;
}

.quick-footer-menu ul li {
  margin: 0 0 10px 0;
}

.quick-footer-menu a {
  color: #fff;
  font-family: 'Rubik';
  font-size: 14px;
  text-decoration: none;
}

.quick-footer-menu a:hover {
  color: #ffab41;
}

.quick-footer-menu i {
  margin: 0 10px 0 0;
}

.usefull-content h5 {
  font-family: 'Rubik';
  font-size: 22px;
  color: #ffff;
  margin-bottom: 0;
}

.usefull-footer-menu ul {
  list-style: none;
  padding-left: 0;
  margin-top: 46px;
}

.usefull-footer-menu ul li {
  margin: 0 0 10px 0;
}

.usefull-footer-menu a {
  color: #fff;
  font-family: 'Rubik';
  font-size: 14px;
  text-decoration: none;
}

.usefull-footer-menu a:hover {
  color: #ffab41;
}

.usefull-footer-menu i {
  margin: 0 10px 0 0;
}

.opening-content h5 {
  font-family: 'Rubik';
  font-size: 22px;
  color: #ffff;
  margin-bottom: 0;
}

.opening-footer-menu ul {
  list-style: none;
  padding-left: 0;
  margin-top: 46px;
}

.opening-footer-menu ul li {
  font-size: 14px;
  color: #fff;
  font-family: 'Rubik';
  margin: 0 0 10px 0;
}


.email-search-bar .search {
  width: 100%;
  position: relative;
  display: flex;
}

.email-search-bar .searchTerm {
  width: 100%;
  border: none;
  border-right: none;
  padding: 15px;
  height: 50px;
  border-radius: 4px 0 0 4px;
  outline: none;
  color: #888888 !important;
}

.email-search-bar .wrap .search i {
  font-size: 32px;
}

.email-search-bar .search input.searchTerm::placeholder {
  font-size: 14px;
  color: #888888;
  font-family: 'Rubik';
}

.email-search-bar {
  margin-top: 20%;
}

.email-search-bar .searchTerm:focus {
  color: #00B4CC;
}

.email-search-bar .searchButton {
  width: 60px;
  height: 50px;
  border: none;
  background: #ffab41;
  text-align: center;
  color: #fff;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  font-size: 20px;
}

.email-search-bar .searchButton:hover {
  background-color: #154eba;
}

.email-search-bar .wrap {
  width: 100%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


/*footer main section css end*/


/*footer below section css start*/

section.footer-below {
  padding: 15px 0 15px 0;
  background-color: #1c1c1c;
}

.footer-content ul li {
  list-style: none;
  color: #fff;
  font-family: 'Rubik';
  font-size: 14px;
}

.footer-content ul {
  display: flex;
  justify-content: space-between;
  padding-left: 0;
  margin-bottom: 0;
}

.footer-content ul.footer-inner-txt span {
  color: #ffab41;
}



/*footer below section css end*/



.graph-country-of-origine-gen{
	width: 100%; height: 352px;
}


.chart_div10_country_of_origine_direct{
	width: 100%; height: 352px;
}
.chart_div10_country_of_origine_direct_scroller{
	
}

.chart_div10_country_of_origine_direct_compare{
	width: 600px; height: 352px;
}
.chart_div10_country_of_origine_direct_compare_scroller{
	height: 352px; overflow-y: auto; overflow-x: auto;
}






.chart_div4_portofdestination_direct{
	height: 750px;
}
.chart_div4_portofdestination_direct_scroller{
	height: 352px; overflow-y: auto; overflow-x: auto;
}

.chart_div4_portofdestination_compare{
	width: 600px; height: 352px;
}
.chart_div4_portofdestination_compare_scroller{
	height: 352px; overflow-y: auto; overflow-x: auto;
}



.chart_div10_impoter_direct_multi{
	width: 100%; height: 348px;
}
.chart_div10_impoter_direct_scroller_multi{
	height: 352px; overflow-y: auto; overflow-x: auto;
}



.chart_div6_impoter_direct{
	width: 8000px; height: 352px;
}
.chart_div6_impoter_direct_scroller{
	height: 352px; overflow-y: auto; overflow-x: auto;
}

.chart_div6_impoter_compare{
	width: 600px; height: 352px;
}
.chart_div6_impoter_compare_scroller{
	height: 352px; overflow-y: auto; overflow-x: auto;
}


.chart_div66_expoter_direct{
	width: 8000px; height: 352px;
}
.chart_div66_expoter_direct_scroller{
	height: 352px; overflow-y: auto; overflow-x: auto;
}

.chart_div66_expoter_compare{
	width: 600px; height: 352px;
}
.chart_div66_expoter_compare_scroller{
	height: 352px; overflow-y: auto; overflow-x: auto;
}