/* Container width change */
.container {
  max-width: 1400px !important;
}

/* Modify container-fluid with padding left & right and change to 12px when browser is reduced in size*/
.container-fluid {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

@media (max-width: 1024px) {
  .container-fluid {
    padding-left: 12px !important;
    padding-right: 12px !important;
    width: 100% !important;
    display: block !important;
  }
}

/* FA icons, Next, Back and Customer font changes for the work pages */
/* Ensure icons and text are aligned properly */
.nav-row {
  display: flex;
  justify-content: space-between; /* Pushes items to edges */
  align-items: center;
  padding: 10px 0;
}
.nav-left,
.nav-right {
  display: flex;
  align-items: center;
  gap: 10px; /* Space between text and icon */
}
.nav-left {
  justify-content: flex-start;
}
.nav-right {
  justify-content: flex-end;
}
.fa-icon {
  font-size: 18px; /* Adjust icon size */
  font-weight: bold;
}
.back-next {
  font-size: 18px;
  color: #111111;
  font-weight: bold;
}

/* Work Pages titles */
.white {
  background-color: white;
}

.work-title {
  color: rgb(45, 45, 54);
  font-weight: 600;
  font-family: montserrat;
  font-size: 26px !important;
}

.work-sub-title {
  color: rgb(45, 45, 54);
  font-weight: 600 !important;
  font-size: 18px !important;
  font-family: montserrat;
}

.work-sub-title2 {
  color: rgb(45, 45, 54);
  font-weight: 500 !important;
  font-size: 15px !important;
  font-family: montserrat;
  margin-top: -15px;
}

.work-content {
  font-family: montserrat;
  text-align: center;
}

/* Play Videos */
.play-text {
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  color: black;
  transition: color 0.3s ease-in-out;
}

/* Hover effect for the "Play Video" text */
.play-text:hover {
  color: rgb(0, 47, 255); /* Change text color to red on hover */
}

/* Change text and icon color on hover */
.nav-left:hover .back-next {
  color: blue !important;
  transition: color 0.3s ease-in-out;
}

.nav-right:hover .back-next {
  color: blue !important;
  transition: color 0.3s ease-in-out;
}

/* Bargo quote */
.bargo {
  font-size: 2rem; /* Adjust size as needed */
  font-style: italic;
  font-weight: bold;
  text-align: center;
  margin: 20px 0;
  color: #333; /* Adjust color as needed */
}

/* border around bargo images */
.border-img {
  border: 2px solid black; /* 1px black border */
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
  overflow: hidden;
}

.section-title {
  text-align: center;
  padding-bottom: 30px;
  font-family: montserrat;
}

.section-title h2 {
  font-size: 32px;
  font-weight: bold;
  /* text-transform: uppercase; */
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  color: #45505b;
  font-family: montserrat;
}

.section-title h2::before {
  content: "";
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}

.section-title h2::after {
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #0563bb;
  bottom: 0;
  left: calc(50% - 20px);
}

.section-title p {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
  # About
  --------------------------------------------------------------*/
.about .content h3 {
  font-weight: 700;
  font-size: 26px;
  color: #728394;
}

.about .content ul {
  list-style: none;
  padding: 0;
}

.about .content ul li {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.about .content ul strong {
  margin-right: 10px;
}

.about .content ul i {
  font-size: 16px;
  margin-right: 5px;
  color: #0563bb;
  line-height: 0;
}

.about .content p:last-child {
  margin-bottom: 0;
}

/* Gov sub titles under images */

.gov-sub-title {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
}

/* Ensure the image is selectable */
.selectable-img {
  user-select: auto;
}
/* Image shadow */
.portfolio-wrap img {
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); /* Adjust values as needed */
  border-radius: 5px; /* Optional: Rounds corners for a softer look */
}

/* aems download font color */
.aems {
  color: #04417a !important;
}

/* websites page carousel move to top */
.website-car {
  margin-top: -80px;
}