@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

body{
    font-family: 'Poppins', sans-serif!important;
    font-size:14px;
    color:#474747;
}

*{
    word-break: break-word;
}


p{
    font-size:14px;
}

h3{
    font-size: 30px;
    font-weight: bold;
}

h4{
    font-size: 18px;
}

.roboto-font{
    font-family: 'Roboto', sans-serif;
}

.text-danger{
    color:#b9203e!important;
}

.btn-danger,
.bg-danger{
    background:#b9203e!important;
    border:0px!important;
}

.bg-primary{
    background:#00225b!important;
}

.text-primary{
    color:#00225b!important;
}
.fixed-top{
   top:45px!important;
}
.darkHeader{
top:0px!important;
}

.bg_transparent{
  background:none!important;
  border:0px!important;
}

.dropdown-item:focus, .dropdown-item:hover{
  background:none!important;
}

.dropdown a.active{
  color:#b9203e!important;
  background:none!important;
  font-weight:bold!important;
}

.carousel-caption h5{
    font-family: 'PT Serif', serif;
    font-size:36px!important;
    position:relative;
}

.carousel-caption h3{
    font-family: 'PT Serif', serif;
    font-size:48px;
    font-weight:bold;
}

.box-shadow{
    box-shadow: 0px 0px 3px #000;
    border-radius:0px;
}

.carousel-caption h5:before {
    content: "";
    display: block;
    width: 80px;
    height: 2px;
    background: #fff;
    left: 40%;
    bottom: -10px;
    position: absolute;
  }
.carousel-caption h5:after {
    content: "";
    display: block;
    width: 80px;
    height: 2px;
    background: #fff;
    right: 40%;
    bottom: -10px;
    position: absolute;
  }
  i.fas.fa-circle.fa-xs.dot {
    color: #b9203e!important;
}
i.fas.fa-circle.fa-xs.dot {
  position: relative;
  bottom: 10px;
}
.carousel-item {
    height: 100vh;
    height:100%;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .carousel-caption {
    bottom: 230px;
  }
  
  .carousel-caption h5 {
    font-size: 45px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 25px;
  }
  
  .carousel-caption p {
    width: 75%;
    margin: auto;
    font-size: 18px;
    line-height: 1.9;
  }

  .carousel-control-next, .carousel-control-prev{
      opacity: 1;
  }

  .carousel-control-prev-icon,
  .carousel-control-next-icon{
      background: none!important;
  }

  .carousel-control-prev-icon i{
    background-color:#fff;
    color:#000;
    padding:10px 13px;
  }

  .carousel-control-next-icon i{
    background-color:#b9203e;
    color:#fff;
    padding:10px 13px;
  }

  .navbar-light .navbar-brand {
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
  }
  
  .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: #b9203e;
  }
  
  .navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-size:14px;
    font-weight: 600;
    padding:10px 20px;
  }
  
  .navbar-toggler {
    background: #fff;
  }
  
  .navbar-nav {
    text-align: center;
    font-size:14px;
    font-weight: 600;
  }
  
  .nav-link {
    padding: .2rem 1rem;
  }
  
  .nav-link.active,.nav-link:focus{
    color: #fff;
  }
  
  .navbar-toggler {
    padding: 1px 5px;
    font-size: 18px;
    line-height: 0.3;
  }
  
  .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #b9203e;
  }

  .darkHeader{
      background:rgba(0,0,0,0.7);
  }

  .dropdown button,
  .navbar .dropdown button:focus{
      background: none!important;
      border:0px!important;
      color:#fff!important;
      box-shadow: 0 0 0 0rem rgb(0 123 255 / 25%)!important;
  }

  .language .dropdown-menu{
    right:0px!important;
    left:auto!important;
  }


  .carousel-item.active {
    position: relative;
  }
  .carousel-item.active::after {
    content: '';
    position: absolute;
    left: -50px;
    top: 20px;
    width: 0;
    height: 0;
    border: 50px solid transparent;
  }
  
  

  /***** Section 2 parallex *****/

  .parallex{
      background-image:url(../images/parallex_bg.jpg);
      background-position: center top;
      background-size: cover;
      background-repeat: no-repeat;
      background-attachment: fixed;
  }

  .box_area div{
    height:3px;
  }


  /**** Footer upper section *****/

  .positioning{
    position: absolute;
    right: 40%;
    top: 15%;
    width: 110%;
  }


  /*** Footer ****/

  .footer{
    background-color:#21263b;
  }


  /**** About Us page ****/
  
  .inner_page .carousel-item {
    height: 100vh;
  }

  .map{
    background-image:url(../images/map.png);
    background-position:center bottom;
    background-repeat: no-repeat;
    background-size: 90%;
  }

  /**** International page css *****/

  .light_blue_internationa{
    background-color:#a2cfee;
  }

  .very_light_blue_internationa{
    background-color:#d7e7f7;
  }


  /*** Logistic Technology *****/

  .logistics-technology{
    position: relative;
    color: white;
  }

  .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.7);
    padding: 30px 25px 0;
    width: 85%;
    height: 40vh;
}


.content_area form input {
  color: #000;
  background: #ccc;
  font-size: 14px;
  padding: 10px 20px;
  display: inline-block;
  width: 82%;
  border-radius: 0px 0px 0px 0px;
}

.content_area form input:focus {
  box-shadow:0 0 0 #ccc!important;
}

.content_area form button {
  display: inline-block;
  border-radius: 0px;
  border: 0px;
  padding: 10px 25px;
  background: #ef7b4d!important;
  color: #fff;
  position: relative;
  right: 4px;
}

/*** Contact Us Page ****/

.contact_sec span{
  color:#8e7b5d;
}
.user-input-wrp {
	position: relative;
}
.user-input-wrp .inputText{
	width: 100%;
	outline: none;
	border:none;
	border-bottom: 1px solid #ccc;
 	box-shadow: none !important;
   background: none;
   font-size:20px;
   padding-left:0px;
}
.user-input-wrp .inputText:focus{
	border-color: #000;
	border-width: medium medium 1px;
}
.user-input-wrp .floating-label {
	position: absolute;
	pointer-events: none;
	top: 18px;
	left: 10px;
	transition: 0.2s ease all;
  font-size:20px;
}
.user-input-wrp input:focus ~ .floating-label, .user-input-wrp .when-focus/*,
.user-input-wrp input:not(:focus):valid ~ .floating-label*/{
	top: -16px;
	left: 0px;
	font-size: 16px;
	opacity: 1;
}

.contact button.btn {
  background: #8e7b5d!important;
  color: #fff;
  font-size: 20px;
  padding: 7px 45px!important;
  border: 0px;
  box-shadow: 0 0 0 #000;
}


/***** Responsive Css ******/



@media screen and (max-width:1440px){
  .carousel-caption {
    bottom: 210px;
}
}
@media screen and (max-width:1280px){
  .carousel-caption {
    bottom: 170px;
}
}
@media screen and (max-width:1024px){
  .carousel-caption {
    bottom: 40px;
  }
}
@media screen and (max-width:960px){
  .carousel-caption {
    bottom: 170px;
}
}
@media screen and (max-width:991px){
  .carousel-caption h5{
    font-size:22px!important;
}

.carousel-caption {
  bottom: 140px;
}
.carousel-caption h3{
    font-size:34px!important;
}
.carousel-item {
 height: 100%!important;
}
.carousel-caption h5:before {
  left: 30%;
}
.carousel-caption h5:after {
  right: 30%;
}

button.navbar-toggler.float-right,
button.navbar-toggler.float-right:focus {
  background: none;
  border: 0px;
  box-shadow:0 0 0 #000;
  outline: 0!important;
}

button.navbar-toggler.float-right[aria-expanded="false"] i.fa-times,
button.navbar-toggler.float-right[aria-expanded="true"] i.fa-bars{
  display:none;
}


button.navbar-toggler.float-right[aria-expanded="true"] i.fa-times,
button.navbar-toggler.float-right[aria-expanded="false"] i.fa-bars{
  display:block;
}

button.navbar-toggler.float-right i{
  color:#fff;
}
.navbar-collapse.collapse.show, .navbar-collapse.collapsing  {
  background: rgba(0,0,0,0.8);
}
a.nav-link {
  text-align: left;
}

.class_img_resp img{
  width:100%;
}

.positioning {
  position: relative;
  right: auto;
  top: -44%;
  width: 98%;
}
.carousel-item {
  min-height: 560px!important;

}

.innerpages .carousel-item {
  height: 100%!important;
}

.content_area form input {
  width: 100%;
}

.content_area form button{
  right:0px;
  /*margin-top:10px;*/
}

.logistics-technology {
  position: inherit;
}

.logistics-technology .centered {
  position: relative;
  height: auto;
  top: 0%;
  margin: 0 auto;
  display: block;
  width: 100%;
}


} 
@media screen and (max-width:800px){
  .carousel-control-next, .carousel-control-prev {
    bottom: 135px;
}
.carousel-caption {
  bottom: 210px;
}
}
@media screen and (max-width:767px){
  .carousel-item {
    min-height: 410px!important;
  }
  h3{
    font-size:24px;
  }
  .navbar-brand img {
      width: 140px;
  }
  .innerpages .carousel-item {
      min-height: 350px!important;
  }
  .carousel-caption {
    bottom: 80px;
}
.carousel-control-next, .carousel-control-prev {
  bottom: 110px;
}
}
@media screen and (max-width:640px){
  .carousel-item {
    min-height: 360px!important;
  }
  .innerpages .carousel-item {
    min-height: 260px!important;
    height: 100%!important;
  }
  .carousel-caption h3 {
    font-size: 22px!important;
}
.carousel-caption {
    bottom: 85px;
}
.carousel-control-next, .carousel-control-prev{
  bottom: 30px;
}
}
@media screen and (max-width:560px){
  .carousel-item {
    min-height: 280px!important;
    height:100%;
  }  
  .innerpages .carousel-item {
    min-height: 216px!important;
    height: 30vh!important;
  }
  .carousel-caption h3 {
    font-size: 18px;
}
a.btn.btn-danger.px-4.py-2.box-shadow {
    font-size: 12px;
}
.carousel-caption {
  bottom: 50px;
}
}
@media screen and (max-width:460px){
  .carousel-item {
    height: 100%!important;
  }  
  .innerpages .carousel-item {
    height: 100%!important;
  }
  .carousel-caption h3 {
    font-size: 17px!important;
}
.carousel-caption h5 {
  font-size: 18px!important;
}
.carousel-caption h5 {
  font-size: 18px!important;
}
.carousel-caption {
  bottom: 55px;
}
}
@media screen and (max-width: 400px){

  .carousel-item {
      height: 100%;
  }  
  .innerpages .carousel-item {
    height: 100%!important;
  }
  a.btn.btn-danger.px-4.py-2.box-shadow {
    font-size: 10px;
    margin: 0px!important;
    padding: 5px!important;
}
a.btn.btn-danger.px-4.py-2.box-shadow {
    font-size: 10px;
    margin: 0px!important;
    padding: 5px!important;
}
.carousel-caption h5 {
    font-size: 12px!important;
}
.carousel-caption {
    bottom: 75px;
}
.carousel-control-prev-icon i {

  padding: 6px 8px;
}
.carousel-control-next-icon i {
  padding: 6px 8px;
}
.carousel-control-next, .carousel-control-prev {
  bottom: 50px;
}
}
@media screen and (max-width:360px){

  .carousel-control-prev-icon i{
    padding: 5px 5px;
  }
  .carousel-control-next-icon i{
    padding: 5px 5px;
  }
  a.btn.btn-danger.px-4.py-2.box-shadow {
    font-size: 8px;
}
.carousel-caption h3 {
    font-size: 12px!important;
}
.carousel-caption h5 {
    font-size: 11px!important;
}
.carousel-caption {
    bottom: 100px;
}
}
@media screen and (max-width:320px){
  .carousel-item {
      min-height: 150px!important;
      height: 56vh;
  }
    
  .innerpages .carousel-item {
    min-height: 138px!important;
    height: 0vh!important;
  }
  }
  @media screen and (min-width:1600px){
.carousel-caption {
    bottom: 330px;
}
}