@charset "utf-8";
/* CSS Document */
.bi {
vertical-align: -.125em;
fill: currentColor;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
}

.carousel .carousel-control-prev-icon {
/* change fill="currentColor" to %23fff to make it white  */
   background-image:url(../Images/backward-button.png);
}

.carousel .carousel-control-next-icon {
  /* change fill="currentColor" to %23fff to make it white  */
    background-image:url(../Images/forward-button.png);

}
.carousel-control-next-icon, .carousel-control-prev-icon {
    /* Use to adjust size of icons */
    width: 3rem;
    height: 3rem;
}

.font-menu-3{font-family: Arial, Helvetica; font-size:100px;}

.opacity-0{opacity:0!important}
.opacity-25{opacity:.25!important}
.opacity-50{opacity:.5!important}
.opacity-75{opacity:.75!important}
.opacity-100{opacity:1!important}

.border-opacity-10{--bs-border-opacity:0.1}
.border-opacity-25{--bs-border-opacity:0.25}
.border-opacity-50{--bs-border-opacity:0.5}
.border-opacity-75{--bs-border-opacity:0.75}
.border-opacity-100{--bs-border-opacity:1}

.text-opacity-25{--bs-text-opacity:0.25}
.text-opacity-50{--bs-text-opacity:0.5}
.text-opacity-75{--bs-text-opacity:0.75}
.text-opacity-100{--bs-text-opacity:1}

.bg-opacity-10{--bs-bg-opacity:0.1}
.bg-opacity-25{--bs-bg-opacity:0.25}
.bg-opacity-50{--bs-bg-opacity:0.5}
.bg-opacity-75{--bs-bg-opacity:0.75}
.bg-opacity-100{--bs-bg-opacity:1}

.bg-background-1{background-image:url(../Images/Women-working.png); background-repeat:no-repeat; background-size:cover; background-position:center;}
.bg-background-2{background-image:url(../Images/Sea%20Freight.png); background-repeat:no-repeat; background-size:contain; background-position:bottom center;}
.bg-background-3{background-image:url(../Images/Air%20Freight.png); background-repeat:no-repeat; background-size:contain; background-position:bottom center;}
.bg-background-4{background-image:url(../Images/Man-working.png); background-repeat:no-repeat; background-size:cover; background-position:center;}
.bg-background-5{background-image:url(../Images/Gallery.png); background-repeat:no-repeat; background-size:cover; background-position:center;}

.shadow-lg{box-shadow:0 1rem 3rem rgba(0, 0, 0, 0.67)!important}
.shadow{box-shadow:0 .5rem 1rem rgba(0, 0, 0, 0.67)!important}
.rounded-4{border-radius:1.25rem!important}
.card{border:0px solid rgba(0,0,0,.125);border-radius:0rem!important}
.px-6{padding-right:3rem!important;padding-left:3rem!important}
.mx-6{margin-right:3rem!important;margin-left:3rem!important}
@media all and (max-width: 991px) {
.fa-2xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}
.px-6{padding-right:0!important;padding-left:0!important}
.mx-6{margin-right:0!important;margin-left:0!important}
}
.modal-body{position:relative;flex:1 1 auto;padding:0rem}

.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}
.btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}
.btn-check:focus+.btn-primary,.btn-primary:focus{color:#fff;background-color:#0b5ed7;border-color:#0a58ca;box-shadow:0 0 0 .0rem rgba(49,132,253,.5)}
.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0a58ca;border-color:#0a53be}
.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .0rem rgba(49,132,253,.5)}
.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#0d6efd;border-color:#0d6efd}

.navbar-toggler{padding:.0rem .0rem;font-size:1.25rem;line-height:1;background-color:transparent;border:0px solid transparent;border-radius:0rem;transition:box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}
.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 .0rem}

navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.0rem;padding-bottom:.0rem}

.mt-50{margin-top:38rem!important}
@media all and (max-width: 360px) {
.mt-50{margin-top:35rem!important}
}
@media all and (max-width: 414px) {
.mt-50{margin-top:40rem!important}
}