@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
body {
  /* font-family: Verdana, Geneva, sans-serif; */
  font-family: "Source Sans 3", sans-serif !important;
}
p{
  text-align: justify;
  font-weight: 400;
}
.text-justify{
  text-align: justify;
}
.text-primary {
  color: #1a75bc !important;
}
.text-secondary {
  color: #F5B631 !important;
}
.text-dark{
  color: #000000 !important;
}
.text-light{
  color: #F7F7ED !important ;
}
.text-white{
  color: #ffffff !important ;
}
.bg-primary {
  background-color: #1a75bc !important;
}
.bg-secondary {
  background-color: #F5B631 !important;
}
.bg-dark{
  background-color: #000000 !important;
}
.bg-light{
  background-color: #F7F7ED !important ;
}
.text-grey{
  color: #5c636e !important;
}
a{
  text-decoration: none;
  color: black;
}
a:hover{
  color: black !important;
}
.heading__wrap {
  display: table;
  margin: 0 auto;
}
ul {
  list-style-type: square;
}
.heading__wrap .heading__title {
  border-bottom: 3px solid #1a75bc;
  padding-bottom: 4px;
}
::-webkit-scrollbar {
  display: none;
}
.pt-6 {
  padding-top: 100px;
}
.py-6 {
  padding-top: 100px;
  padding-bottom: 100px;
}
.mt-6 {
  margin-top: 100px;
}
.about-img {
  height: 350px !important;
  object-fit: cover;
}
.process-card {
  height: 500px;
}
.about-banner-blog {
  background-image: url(/embed/dhaduk_petrochemicals_assets/images/about/about.jpg);
  min-height: 550px;
  position: relative;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  background-size: cover;
  width: 100%;
  background-position: center;
}
.contact-banner-blog {
  background-image: url(/embed/dhaduk_petrochemicals_assets/images/contact/contact.jpg);
  min-height: 350px;
  position: relative;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  background-size: cover;
  width: 100%;
  background-position: center;
}
.packing-banner-blog{
  background-image: url(/embed/dhaduk_petrochemicals_assets/images/about/about.jpg);
  min-height: 350px;
  position: relative;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  background-size: cover;
  width: 100%;
  background-position: center;
}
.about-banner-blog .content, .contact-banner-blog .content, .packing-banner-blog .content{
  color: white;
  text-align: center;
}

.about-banner-blog ul li, .contact-banner-blog ul li, .packing-banner-blog ul li{
  display: inline;
}
.about-banner-blog ul, .contact-banner-blog ul, .packing-banner-blog ul {
  padding-left: 0 ;
}
.mission-card {
  height: 407px;
}
.mission-icon {
  filter: drop-shadow(0px 2px 2px #Fff);
  height: 80px;
}
.uae-img {
  height: 20px !important;
}
.history-border {
  border-left: 8px solid #3565bf;
  border-radius: 7px;
  padding-left: 15px;
}

.note-border {
  border-left: 8px solid #1a75bc;
  border-radius: 25px;
  border-right: 8px solid #1a75bc;
  padding: 15px 20px;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #1a75bc !important;
  border-color: #1a75bc !important;
}
.btn-outline-primary {
  color: #1a75bc;
  border-color: #1a75bc;
}
.btn-primary {
  color: #fff;
  background-color: #1a75bc;
  border-color: #1a75bc;
}
.wp-img {
  height: 30px !important;
}
/* .btn-primary:hover {
  color: #fff;
  background-color: #1a75bc;
  border-color: #1a75bc;
} */
.bg-light-blue {
  background-color: #75b2e1 !important;
}
.product-img {
  height: 300px !important;
  object-fit: cover;
  width: 100%;
}
.wp-border {
  border-top: 3px solid #1a75bc;
  border-bottom: 3px solid #1a75bc;
  padding: 17px 0;
  width: 10% !important;
}
table th{
  text-transform: uppercase;
}
.other-product-img {
  height: 100px;
  object-fit: contain;
}
@media (min-width: 1440px) {
  .container {
    max-width: 1170px !important;
  }
}

@media (max-width: 768px) {
  .company-profile-img {
    height: auto !important;
  }
  .mission-card {
    height: auto;
  }
  
  
  .certificate-img {
    max-width: 100%;
    height: 250px !important;
  }
  .flex-direction {
    flex-direction: column-reverse;
  }
  /* .product-img {
    height: auto !important;
  } */

}


@media (max-width: 528px) {

  .process-card {
    height: auto;
  }


 
}