.header-div {
  position: unset;
}

.header-div .navbar .container-fluid {
  padding: 20px 40px !important;
}

.header-div .navbar .translate-div button.active {
  color: #ADDCED;
}
.header-div .navbar .navbar-brand img {
    filter: none;
}

@media only screen and (max-width: 991px) {
    .header-div .navbar .container-fluid {
        padding: 0px !important;
    }
}
 .header-div .navbar .navbar-nav .nav-link, .header-div .navbar .navbar-nav .nav-link {
        color: #1F3552; 
    }
 .header-div .navbar .navbar-nav .nav-link:hover, .header-div .navbar .navbar-nav .nav-link.active {
        color: #1F3552; 
    }
 .header-div .navbar .translate-div .btn {
      color: #1F3552;
    }

/* Title Bar Section Starts */
.code-conduct {
  padding: 70px 0 30px 0;
  background-color: #f1f3f2;
}

.code-conduct h1,
.code-conduct h2,
.code-conduct h3 {
  font-size: 30px;
  color: #1F3552;
  font-family: "AmericanBold";
  line-height: 1;
}

.code-conduct h4,
.code-conduct h5,
.code-conduct h6 {
  font-size: 25px;
  color: #1F3552;
  font-family: "AmericanBold";
  margin-bottom: 12px;
  line-height: 1;
}

.code-conduct p {
  font-size: 18px;
  line-height: 1.2;
  color: #1F3552;
}

.supplier-img{
  transition: transform 0.4s ease;
}

.supplier-img:hover {
  transform: scale(1.1);
}
    .custom-container {
  width: 62%;
  margin: 0 auto;
  padding: 0 15px;
}

/* Media Queries */
@media (min-width: 1366px) {

  .custom-container {
    padding: 0 1.1vw;
  }

  .code-conduct {
      padding: 5.86vw 0 2.2vw 0;
  }

  .code-conduct h1,
  .code-conduct h2,
  .code-conduct h3 {
    font-size: 2.2vw;
  }

  .code-conduct h4,
  .code-conduct h5,
  .code-conduct h6 {
    font-size: 1.63vw;
    margin-bottom: 0.88vw;
  }

  .code-conduct p {
     font-size: 1.32vw;
  }
}

@media only screen and (max-width: 1024px) {
  .code-conduct h4, .code-conduct h5, .code-conduct h6 {
    width: 100%;
}
 .custom-container {
    width: 90%;
  }
}

@media only screen and (max-width: 576px) {
  .code-conduct {
    padding: 40px 0;
  }

  .code-conduct h4,
  .code-conduct h5,
  .code-conduct h6 {
    font-size: 24px;
    width: 95%;
  }

  .code-conduct p {
    font-size: 14px;
  }
}

@media only screen and (max-width: 441px) {

  .code-conduct h4,
  .code-conduct h5,
  .code-conduct h6 {
    font-size: 20px;
    width: 100%;
  }
}

@media only screen and (max-width: 390px) {
  .code-conduct h1,
  .code-conduct h2,
  .code-conduct h3 {
    font-size: 24px;
  }
  .custom-container {
    width: 100%;
  }
}

/* Title Bar Section Ends */
/*Speak Out section Starts */
.speak-out {
  margin: 0 auto;
  padding: 60px 0px;
}

.speak-out h1,
.speak-out h2,
.speak-out h3 {
  font-size: 30px;
  color: #1F3552;
  font-family: "AmericanBold";
  line-height: 1;
  margin-bottom: 30px;
}

.speak-out p {
  font-size: 18px;
  line-height: 1.2;
  color: #1F3552;
  margin-bottom: 20px;
}

.speak-out .button {
  display: inline-block;
  background-color: #1e3a5f;
  color: white;
  padding: 18px 45px;
  font-size: 20px;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s ease, transform 0.2s ease;
  font-weight: 500;
  border: none;
  cursor: pointer;
  margin-top: 25px;
}

.speak-out .button:hover {
  background-color: #152d47;
  transform: translateY(-2px);
}

/*Speak Out section Ends */
/*Media Queries */
@media (min-width: 1366px) {
  .speak-out {
    padding: 4.32vw 0vw;
  }

  .speak-out h1,
  .speak-out h2,
  .speak-out h3 {
    font-size: 2.19vw;
    margin-bottom: 2.19vw;
  }

  .speak-out p {
     font-size: 1.32vw;
    margin-bottom: 1.46vw;
  }

  .speak-out .button {
    padding: 1.32vw 3.29vw;
    font-size: 1.46vw;
    border-radius: 0.29vw;
    margin-top: 1.83vw;
  }

  .speak-out .button:hover {
    background-color: #ADDCED;
    transform: translateY(-2px);
    color: black;
  }
}

@media (max-width: 1024px) {
  .speak-out {
    padding: 80px 20px;
  }

  .speak-out h1,
  .speak-out h2,
  .speak-out h3 {
    font-size: 28px;
    margin-bottom: 25px;
  }

  .speak-out p {
    font-size: 14px;
  }

  .speak-out .button {
    padding: 16px 40px;
    font-size: 22px;
    margin-top: 50px;
  }
}

@media (max-width: 991px) {
  .speak-out {
    padding: 70px 20px;
  }

  .speak-out h1,
  .speak-out h2,
  .speak-out h3 {
    font-size: 26px;
    margin-bottom: 22px;
  }

  .speak-out .button {
    padding: 15px 38px;
    font-size: 20px;
    margin-top: 45px;
  }
}

@media (max-width: 767px) {
  .speak-out {
    padding: 60px 15px;
  }

  .speak-out h1,
  .speak-out h2,
  .speak-out h3 {
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 1.2;
  }

  .speak-out p {
    font-size: 18px;
    width: 100%;
    margin-bottom: 18px;
  }

  .speak-out br {
    display: none;
  }

  .speak-out .button {
    padding: 14px 35px;
    font-size: 18px;
    margin-top: 40px;
  }
}

@media only screen and (max-width: 576px) {
  .speak-out {
    padding: 50px 15px;
  }

  .speak-out h1,
  .speak-out h2,
  .speak-out h3 {
    font-size: 22px;
    margin-bottom: 18px;
    line-height: 1.3;
  }

  .speak-out p {
    font-size: 14px;
    width: 100%;
    margin-bottom: 16px;
  }

  .speak-out .button {
    padding: 13px 32px;
    font-size: 17px;
    margin-top: 35px;
  }
}

@media (max-width: 390px) {

  .speak-out {
    padding: 40px 12px;
  }

  .speak-out h1,
  .speak-out h2,
  .speak-out h3 {
    font-size: 19px;
    margin-bottom: 15px;
    line-height: 1.3;
  }

  .speak-out p {
    font-size: 14px;
    margin-bottom: 14px;
  }

  .speak-out .button {
    padding: 12px 25px;
    font-size: 15px;
    margin-top: 28px;
  }

}

@media (max-width: 320px) {
  .speak-out {
    padding: 35px 10px;
  }

  .speak-out h1,
  .speak-out h2,
  .speak-out h3 {
    font-size: 18px;
    margin-bottom: 14px;
    line-height: 1.4;
  }

  .speak-out p {
    font-size: 13px;
    margin-bottom: 12px;
  }

  .speak-out .button {
    padding: 11px 22px;
    font-size: 14px;
    margin-top: 25px;
    width: 100%;
  }
}

/*Media Queries Ends */
/*Get in touch Section Starts */
.get-in-touch {
  background-color: #f1f3f2;
  padding: 60px 0;
  text-align: center;
}

.get-in-touch p {
  font-size: 18px;
  line-height: 1.2;
  color: #1F3552;
  margin-bottom: 25px;
}

.get-in-touch .button {
  display: inline-block;
  background-color: #1e3a5f;
  color: #ffffff;
  padding: 20px 100px;
  font-size: 20px;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s ease, transform 0.2s ease;
  font-weight: 500;
  border: none;
  cursor: pointer;
}

.get-in-touch .button:hover {
    background-color: #ADDCED;
    transform: translateY(-2px);
    color: black;
}

/*Media Query*/
@media (min-width: 1366px) {
  .get-in-touch {
    padding: 4.39vw 0;
  }

  .get-in-touch p {
     font-size: 1.32vw;
    margin-bottom: 1.83vw;
  }

  .get-in-touch .button {
    padding: 1.46vw 7.32vw;
    font-size: 1.46vw;
    border-radius: 0.29vw;
  }
}

@media (max-width: 1024px) {
  .get-in-touch {
    padding: 80px 20px;
  }

  .get-in-touch p {
    font-size: 14px;
    margin-bottom: 35px;
  }

  .get-in-touch .button {
    padding: 18px 80px;
    font-size: 22px;
  }
}

@media (max-width: 991px) {
  .get-in-touch {
    padding: 70px 20px;
  }

  .get-in-touch p {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 30px;
  }

  .get-in-touch .button {
    padding: 16px 70px;
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .get-in-touch {
    padding: 60px 15px;
  }

  .get-in-touch p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 28px;
    padding: 0 10px;
  }

  .get-in-touch .button {
    padding: 15px 60px;
    font-size: 18px;
  }
}

@media only screen and (max-width: 576px) {
  .get-in-touch {
    padding: 50px 15px;
  }

  .get-in-touch p {
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 25px;
    padding: 0 5px;
  }

  .get-in-touch .button {
    padding: 14px 50px;
    font-size: 17px;
  }
}

@media (max-width: 390px) {
  .get-in-touch {
    padding: 40px 12px;
  }

  .get-in-touch p {
    font-size: 12px;
    line-height: 1.7;
    margin-bottom: 20px;
  }

  .get-in-touch .button {
    padding: 12px 35px;
    font-size: 15px;
    width: 100%;
  }
}

@media (max-width: 320px) {
  .get-in-touch {
    padding: 35px 10px;
  }

  .get-in-touch p {
    font-size: 12px;
    line-height: 1.7;
    margin-bottom: 18px;
  }

  .get-in-touch .button {
    padding: 11px 30px;
    font-size: 14px;
    width: 100%;
  }
}

/*Get in touch Section Ends */
/*For AR Content Chnages */
.lang-ar h1,
.lang-ar h2,
.lang-ar h3,
.lang-ar p,
.lang-ar .char,
.lang-ar .word {
  line-height: 1.8 !important;
}