.main-article {
  position: relative;
  padding: 60px 0px;
}
@media screen and (max-width: 768px) {
  .main-article {
    padding: 50px 0px;
  }
}
.main-article .main-article-box {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .main-article .main-article-box {
    margin-bottom: 30px;
  }
}
.main-article .blog-title {
  color: #1E1E1E;
  font-size: clamp(26px, 4vw, 32px);
  font-family: var(--Urbanist);
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 20px;
}
.main-article .blog-desc,
.main-article .article-number li,
.main-article .article-bullets li {
  font-size: clamp(14px, 4vw, 16px);
  color: rgba(30, 30, 30, 0.6);
}
.main-article .article-number li {
  list-style: decimal;
}
@media screen and (max-width: 768px) {
  .main-article .article-number li {
    margin-bottom: 10px;
  }
}
.main-article .article-bullets li {
  list-style: decimal;
}
@media screen and (max-width: 768px) {
  .main-article .article-bullets li {
    margin-bottom: 10px;
  }
}

.blogs-articles-01 {
  position: relative;
  padding: 0px;
  padding-bottom: 100px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .blogs-articles-01 {
    padding: 0px;
    padding-bottom: 50px;
  }
}

.oil-terminal {
  padding: 100px 0px;
}
@media screen and (max-width: 992px) {
  .oil-terminal {
    padding: 50px 0px;
  }
}
.oil-terminal .primary-desc {
  color: rgba(91, 91, 91, 0.6980392157);
  font-size: 16px;
}
.oil-terminal .oil-terminal-bottom {
  margin-top: 10px;
  background: rgba(30, 30, 30, 0.0509803922);
  border: 1px solid rgba(30, 30, 30, 0.1490196078);
  padding: 70px 0px;
}
@media screen and (max-width: 992px) {
  .oil-terminal .oil-terminal-bottom {
    padding: 20px;
  }
}
.oil-terminal .oil-terminal-main-box {
  display: flex;
  gap: 50px;
}
@media screen and (max-width: 992px) {
  .oil-terminal .oil-terminal-main-box {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.oil-terminal .oil-terminal-main-box .oil-terminal-box {
  max-width: 240px;
}
@media screen and (max-width: 992px) {
  .oil-terminal .oil-terminal-main-box .oil-terminal-box {
    max-width: 100%;
  }
}
.oil-terminal .oil-terminal-main-box .oil-terminal-box:first-child {
  border-right: 1px solid rgba(30, 30, 30, 0.1803921569);
}
@media screen and (max-width: 992px) {
  .oil-terminal .oil-terminal-main-box .oil-terminal-box:first-child {
    border-right: unset;
  }
}
.oil-terminal .oil-terminal-main-box .oil-terminal-box span {
  color: #F0B706;
  font-size: clamp(24px, 4vw, 34px);
  margin-bottom: 20px;
  display: block;
}
@media screen and (max-width: 768px) {
  .oil-terminal .oil-terminal-main-box .oil-terminal-box span {
    margin-bottom: 10px;
  }
}
.oil-terminal .oil-terminal-main-box .oil-terminal-box p {
  color: #1E1E1E;
  font-size: 16px;
}
.oil-terminal .oil-terminal-img {
  position: absolute;
  top: -50px;
  left: 20px;
}
@media screen and (max-width: 992px) {
  .oil-terminal .oil-terminal-img {
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 20px;
  }
}
.oil-terminal .oil-terminal-img img {
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 575px;
  margin: 0 auto;
  border-radius: 50%;
}
@media screen and (max-width: 992px) {
  .oil-terminal .oil-terminal-img img {
    border: 10px solid #ffffff;
  }
}/*# sourceMappingURL=index.css.map */