/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root {
  scroll-behavior: smooth;
}

body {
  font-family: "Poppins", sans-serif;
  color: #000; line-height: 170%; 
}

a {
  color: #0a679e;
  text-decoration: none;
}

a:hover {
  color: #0E8EBF;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
font-family: "Montserrat", sans-serif;  font-weight: 700; 
}

p { font-size: 14pt}

h5 {
    font-weight: 600;
    font-size: 1.15rem;
}


h1.fs-1 {font-size: 4.4rem !important; line-height: 100%}
.link-1 {color: #5D5AA7}

@media (max-width: 768px) {
  .section-header p {
    font-size: 1.2rem;
  
  }
   
}

.text-primary {color: #ca3c83 !important}
.bg-grey {background-color: #ededed}
.bg-dark-grey {background: #d7d7d7}
.bg-clients {background: url("../../images/EFCO-America-Florida-Stacks-Best-logistics-procurement-purchasing-company-get-help-wiht-logistics-miami-orlando-scaled.jpg") no-repeat #000; background-size: 100% auto}
.bg-light-2 {background: rgba(255,255,255,.6)}
/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}


#logo {position: absolute; top: 3%; right: 3%}
#logo img {width: 180px}
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {width: 100%; overflow-x: hidden; position: relative; padding: 0; background-image: linear-gradient(120deg,#000000 0%,rgba(0,0,0,0) 100%),url("../../images/Logistics-solutions-florida-miami-procurement-purchasing-best-logistics-company-miami-1.png") !important; min-height: 100vh; background-position: center; }
.hero h1 {color: #fff; font-size: 4rem; text-shadow: 5px 1px 3px rgba(0,0,0,0.3); margin: 0; padding-right: 2%}
.hero h2 {color: #fff; font-size: 1.5rem; text-shadow: 0px 0px 5px rgba(0,0,0,0.9); text-transform: capitalize; margin-bottom: 100px; padding-right: 3%}

.c2a {background: #286181; color: #fff; padding: 10px 20px; border-radius: 5px; font-family: "Montserrat", sans-serif; font-size: 20px}
.c2a:hover {color: #fff; }
.c2a:hover:after {content:"\F285"; font-family: "Bootstrap-icons"; border: 1px solid #fff; border-radius: 50%; color: #fff; margin-left: 8px; position: relative; top: 3px}

.c2a-2 {background: #333; color: #fff; padding: 10px 20px; border-radius: 1px; font-family: "Montserrat", sans-serif; font-size: 16px; letter-spacing: 1px; border: 10px solid #fff}
.c2a-2:hover {color: #fff; border:none}
.c2a-2:hover:after {content:"\F138"; font-family: "Bootstrap-icons"; color: #fff; margin-left: 8px; position: relative; top: 3px}

/*--------------------------------------------------------------
# sections
--------------------------------------------------------------*/
#main {} 
section {padding: 0; width: 100%; overflow-x: hidden;}

.bg-2 {background: url("../../images/EFCO-America-EFCO-Aviation-Florida-Stacks-find-a-logistics-company-miami-scaled.jpg"); background-size: cover}
.bg-dark-2 {background-color: rgba(0,0,0,0.64);}
.bg-black {background-color: #000}
.bg-3 {background: #286181}
.text-blue {color: #286181}

.swiper-button-next::after, .swiper-button-prev::after {color: #000; font-size: 14px}
.swiper-button-next, .swiper-button-prev {border-radius: 50%; background: #ededed; width: 50px; height: 50px}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/




@media (max-width: 750px) {
    #logo {top:0; right: inherit}
    .hero h1 {font-size: 3rem}
}