Got it! I've updated the comments to clearly distinguish between **Main Headings** (the major sections) and **Side Headings** (the sub-sections inside them) while keeping them clean and avoiding "big" blocky comments.

Regarding the tablet responsiveness being "off", it would help to know **which specific section(s)** you're referring to (e.g., is the Hero padding weird? Are the About Section image and text overlapping? Are the Certification grids not aligning well?). 

In the meantime, here is the beautifully structured CSS. Let me know what section is misbehaving on tablet, and I'll jump right on fixing it!

```css
.product-add-to-cart {
  display: none !important;
}


/* --- MAIN: GLOBALS & FONTS --- */

/* Side: Imports */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

/* Side: Base Elements */
html {
  scroll-behavior: smooth;
}

.middle-east-section,
.middle-east-section * {
  font-family: 'Poppins', sans-serif !important;
}


/* --- MAIN: HERO SECTION --- */

/* Side: Hero Layout */
.hero-section {
  position: relative;
  width: 100%;
  min-height: 85vh;
  height: 85vh;
  display: flex;
  align-items: center;
  font-family: 'Poppins', sans-serif;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 250px !important;
  padding-bottom: 250px !important;
}

.hero-section .vc_row {
  margin: 0 !important;
}

.hero-section .vc_column-inner {
  position: relative;
  z-index: 2;
  padding-left: 100px;
  padding-right: 20px;
}

/* Side: Hero Typography */
.hero-subtitle {
  color: #f5c518;
  letter-spacing: 3px;
  font-size: 14px;
  margin-bottom: 10px;
}

.hero-title {
  color: #021f57;
  font-size: 60px;
  font-weight: 700 !important;
  margin: 10px 0;
}

.hero-title .accent-text {
  color: #a50d25;
  font-size: 83px;
}

.hero-desc {
  color: #232323;
  font-size: 18px;
  max-width: 600px;
  margin-bottom: 30px;
  line-height: 1.6;
}

/* Side: Hero Buttons */
.hero-buttons {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.hero-buttons a {
  display: inline-block;
  text-decoration: none;
  padding: 16px 30px 12px 30px;
  font-size: 16px;
  letter-spacing: 1px;
  white-space: nowrap;
  font-weight: 600;
}

.hero-buttons a.btn-primary {
  background: #021f57;
  color: #fff;
  transition: background-color 0.3s ease-in-out;
  border-radius: 100vw;
}

.hero-buttons a.btn-outline {
  border: 3px solid #a50d25;
  background: rgba(211, 211, 211, 0.6);
  color: #a50d25;
  transition: background-color 0.3s ease-in-out;
  border-radius: 100vw;
}

.hero-buttons a.btn-primary:hover {
  background: #a50d25;
  text-decoration: none;
}

.hero-buttons a.btn-outline:hover {
  background: #a50d25;
  color: #fff;
  text-decoration: none;
}

/* Side: Hero Responsive (Tablet & Mobile) */
@media (max-width: 1024px) {
  .hero-section .vc_column-inner {
    padding-left: 50px;
    padding-right: 20px;
  }
  .hero-title {
    font-size: 55px;
  }
}

@media (max-width: 992px) {
  .hero-section {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }
}

@media (max-width: 768px) {
  .hero-section .vc_column-inner {
    padding-left: 30px;
    padding-right: 30px;
  }
  .hero-title {
    font-size: 44px;
  }
  .hero-title .accent-text {
    display: block; 
  }
  .hero-desc {
    font-size: 16px;
  }
}

@media (max-width: 576px) {
  .hero-section {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}

@media (max-width: 480px) {
  .hero-section {
    height: 85vh; 
    min-height: 85vh; 
    padding: 40px 0;
  }
  .hero-title .accent-text {
    font-size: 46px;
  }
  .hero-section .vc_column-inner {
    padding-left: 50px;
    padding-right: 50px;
  }
  .hero-title {
    font-size: 35px;
  }
  .hero-desc {
    font-size: 14px;
    padding-bottom: 60px;
  }
  .hero-buttons {
    flex-direction: column;
    gap: 0px;
    width: 100%;
  }
  .hero-buttons a {
    width: 100%;
    text-align: center;
  }
  .hero-buttons a.btn-outline,
  .hero-buttons a.btn-primary {
    border-radius: 0px;
  }
}


/* --- MAIN: ABOUT SECTION --- */

/* Side: About Keyframes */
@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeInLeft { from { opacity: 0; transform: translateX(-40px); } to { opacity: 1; transform: translateX(0); } }
@keyframes fadeInRight { from { opacity: 0; transform: translateX(40px); } to { opacity: 1; transform: translateX(0); } }
@keyframes slideInBottom { from { opacity: 0; transform: translateY(60px); } to { opacity: 1; transform: translateY(0); } }
@keyframes floatImage { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-15px); } }
@keyframes lineGrow { from { width: 0; } to { width: 100%; } }

/* Side: About Layout */
.vc_row.about-section {
  background-color: #021f57 !important;
  padding: 30px 20px !important;
  position: relative;
  overflow: hidden;
}

.vc_row.about-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 50%, rgba(247, 147, 30, 0.05) 0%, transparent 50%);
  pointer-events: none;
  display: none !important;
}

.vc_row.about-section .vc_row {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 50px;
  position: relative;
  z-index: 1;
}

.about-section .vc_column-inner {
  padding: 0 !important;
}

/* Side: About Image Wrapper */
.about-img {
  flex: 1;
  min-width: 250px;
  display: flex;
  justify-content: center;
  animation: fadeInLeft 1s ease-out 0.2s both;
}

.about-img img {
  width: 100%;
  max-width: 350px;
  height: 400px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
  transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border: 1px solid rgba(247, 147, 30, 0.1);
  animation: floatImage 6s ease-in-out infinite;
}

.about-img img:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 30px 80px rgba(247, 147, 30, 0.3), 0 0 40px rgba(247, 147, 30, 0.15);
  border-color: rgba(247, 147, 30, 0.3);
}

.about-img:hover img {
  filter: brightness(1.05);
}

.about-content {
  flex: 2;
  min-width: 300px;
  padding: 0;
  animation: fadeInRight 1s ease-out 0.4s both;
}

/* Side: About Heading Elements */
.about-main-heading {
  background-color: #021f57 !important;
  text-align: center;
  margin-bottom: 60px;
  padding: 35px 20px 15px 20px;
  width: 100%;
  animation: fadeInUp 0.8s ease-out;
}

.about-main-heading h2 {
  color: #f7931e;
  font-size: 42px;
  font-weight: 900;
  margin: 0 auto;
  max-width: 700px;
  line-height: 1.3;
  letter-spacing: -1px;
  position: relative;
  display: inline-block;
}

.about-main-heading h2::after {
  content: "";
  display: block;
  width: 100%;
  max-width: 660px;
  height: 3px;
  margin: 15px auto 0;
  border-radius: 3px;
  background: linear-gradient(90deg, rgba(247, 147, 30, 0) 0%, rgba(247, 147, 30, 0.5) 25%, #f7931e 50%, rgba(247, 147, 30, 0.5) 75%, rgba(247, 147, 30, 0) 100%);
  animation: lineGrow 1.2s ease-out 0.3s both;
}

.about-sub {
  color: #f7931e;
  letter-spacing: 3px;
  font-size: 14px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  display: inline-block;
  animation: fadeInUp 0.8s ease-out 0.3s both;
}

.about-sub::before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 40px;
  height: 2px;
  background-color: #f7931e;
  animation: lineGrow 0.6s ease-out 0.5s both;
}

.about-title {
  font-size: 45px;
  color: #ffffff;
  font-weight: 900;
  margin-bottom: 25px;
  line-height: 1.2;
  max-width: 75%;
  animation: fadeInUp 0.8s ease-out 0.4s both;
}

.about-desc {
  color: #b0b8c1;
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 30px;
  max-width: 90%;
  animation: fadeInUp 0.8s ease-out 0.5s both;
  transition: color 0.3s ease;
}

.about-desc:hover {
  color: #d3d9df;
}

/* Side: About Lists & Stats */
.about-list {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
}

.about-list li {
  color: #d3d9df;
  margin-bottom: 14px;
  font-size: 15px;
  line-height: 1.6;
  display: flex;
  align-items: center;
  animation: fadeInUp 0.6s ease-out both;
  transition: all 0.3s ease;
  padding-left: 5px;
}

.about-list li:nth-child(1) { animation-delay: 0.5s; }
.about-list li:nth-child(2) { animation-delay: 0.6s; }
.about-list li:nth-child(3) { animation-delay: 0.7s; }
.about-list li:nth-child(4) { animation-delay: 0.8s; }

.about-list li:hover {
  color: #f7931e;
  padding-left: 15px;
  transform: translateX(5px);
}

.about-list li i {
  color: #f7931e;
  margin-right: 12px;
  font-size: 14px;
  flex-shrink: 0;
  transition: all 0.3s ease;
}

.about-list li:hover i {
  transform: scale(1.3) rotate(360deg);
}

.about-list li:focus-within {
  outline: 2px solid #f7931e;
  outline-offset: 4px;
}

.about-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 35px;
  border-top: 2px solid rgba(247, 147, 30, 0.2);
  padding-top: 35px;
  position: relative;
}

.about-stats div {
  flex: 1;
  min-width: 100px;
  animation: slideInBottom 0.8s ease-out both;
}

.about-stats div:nth-child(1) { animation-delay: 0.9s; }
.about-stats div:nth-child(2) { animation-delay: 1s; }
.about-stats div:nth-child(3) { animation-delay: 1.1s; }

.about-stats h3 {
  color: #f7931e;
  font-size: 34px;
  margin: 0 0 5px 0;
  font-weight: 900;
  transition: all 0.3s ease;
  font-family: 'Courier New', monospace;
  letter-spacing: 1px;
}

.about-stats p {
  color: #b0b8c1;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0;
  transition: color 0.3s ease;
}

.about-stats div:hover h3 {
  color: #ffffff;
  transform: scale(1.1);
  text-shadow: 0 0 20px rgba(247, 147, 30, 0.5);
}

.about-stats div:hover p {
  color: #f7931e;
}

/* Side: About Responsive (Tablet & Mobile) */
@media (max-width: 768px) {
  .vc_row.about-section {
    padding: 40px 20px 60px 20px !important;
  }
  .vc_row.about-section .vc_row {
    flex-direction: column;
    gap: 30px;
  }
  .about-main-heading h2 {
    font-size: 36px;
  }
  .about-img img {
    max-width: 100%;
    height: auto;
    min-height: 350px;
  }
  .about-title {
    font-size: 32px;
  }
  .about-desc {
    font-size: 15px;
  }
  .about-stats {
    gap: 25px;
  }
  .about-stats h3 {
    font-size: 28px;
  }
  .about-list li {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .vc_row.about-section {
    padding-top: 0px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .about-main-heading {
    padding: 25px 15px 10px 15px;
    margin-bottom: 40px;
  }
  .about-main-heading h2 {
    font-size: 24px;
    line-height: 1.4;
  }
  .about-content {
    min-width: 100%;
  }
  .about-sub {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .about-sub::before {
    width: 30px;
  }
  .about-title {
    font-size: 24px;
    margin-bottom: 15px;
    padding: 10px 0 0 0;
    line-height: 1.3;
    max-width: 95%; 
  }
  .about-desc {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 20px;
    max-width: 95%;
  }
  .about-list li {
    font-size: 14px;
    margin-bottom: 12px;
  }
  .about-list li:hover {
    padding-left: 10px;
  }
  .about-list li i {
    margin-right: 10px;
    font-size: 12px;
  }
  .about-stats {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 10px;
  }
  .about-stats div {
    flex: 1;
    min-width: 0;
    text-align: center;
  }
  .about-stats h3 {
    font-size: 18px;
  }
  .about-stats p {
    font-size: 9px;
    letter-spacing: 1px;
  }
  .about-img img {
    min-height: 300px;
    border: 3px solid rgba(247, 147, 30, 0.2);
    border-radius: 12px;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.4);
  }
  .about-img img:hover {
    box-shadow: 0 20px 60px rgba(247, 147, 30, 0.25);
  }
}

@media (max-width: 375px) {
  .about-main-heading h2,
  .about-title,
  .about-stats h3 {
    font-size: 20px;
  }
  .about-stats {
    gap: 15px;
  }
  .about-stats div:hover h3 {
    transform: scale(1.05);
  }
  .about-list li:hover {
    padding-left: 8px;
  }
}


/* --- MAIN: ACCESSIBILITY & UTILITIES --- */

/* Side: Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  .about-img img,
  .about-main-heading h2,
  .about-content,
  .about-title,
  .about-desc,
  .about-list li,
  .about-stats div {
    animation: none !important;
  }
  .about-img img,
  .about-list li,
  .about-stats div:hover h3,
  .about-desc:hover,
  .about-list li:hover {
    transition: none;
  }
}

/* Side: Visibility Helpers */
.hide-mobile {
  display: none;
}

@media (min-width: 768px) {
  .hide-mobile {
    display: block;
  }
  .show-mobile {
    display: none;
  }
}

.show-mobile {
  display: block;
}


/* --- MAIN: SERVICES SECTION --- */

/* Side: Services Layout */
.services-section,
.services-section * {
  font-family: 'Poppins', sans-serif !important;
}

.services-section {
  background: #f5f5f5 !important;
  padding: 40px 20px !important;
  text-align: center !important;
}

.services-wrapper,
.services-wrapper * {
  font-family: 'Poppins', sans-serif !important;
}

.services-wrapper {
  background: #f5f7fa;
  padding: 0px 0px 70px 0px;
  text-align: center;
}

.services-container {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* Side: Services Heading */
.services-heading {
  text-align: center !important;
  margin-bottom: 5px !important;
}

.services-heading h2 {
  font-size: 42px !important;
  color: #021f57 !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
}

.services-heading p {
  font-size: 16px !important;
  color: #555 !important;
  max-width: 600px !important;
  margin: 0 auto !important;
}

/* Side: Services Scroll & Cards */
.services-scroll {
  display: flex;
  gap: 30px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 20px 10px;
}

.service-card {
  min-width: 340px;
  background: #0b2a63;
  border-radius: 16px;
  overflow: hidden;
  color: #fff;
  flex-shrink: 0;
  transition: 0.4s;
  text-align: left;
}

.service-card img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  transition: 0.4s ease;
}

.service-card h3 {
  padding: 0px 20px 20px 20px;
  color: white;
  font-size: 20px;
  font-weight: 400;
}

.service-card:hover {
  transform: translateY(-12px);
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08), 0 25px 80px rgba(0, 0, 0, 0.12);
}

.service-card:hover img {
  transform: scale(1.1);
}

.service-image {
  position: relative;
  overflow: hidden;
}

/* Side: Services Overhead Details */
.service-overlay {
  position: absolute;
  inset: 0;
  background: rgba(2, 31, 87, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
  opacity: 0;
  transition: 0.4s ease;
}

.service-overlay p {
  color: #fff;
  font-size: 14px;
  line-height: 1.6;
  transform: translateY(20px);
  transition: 0.4s ease;
}

.service-card:hover .service-overlay {
  opacity: 1;
}

.service-card:hover .service-overlay p {
  transform: translateY(0);
}

/* Side: Services Scroll Buttons */
.scroll-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #f7931e;
  color: #021f57;
  border: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
}

.scroll-btn.left {
  left: -25px;
}

.scroll-btn.right {
  right: -25px;
}

/* Side: Services Responsive (Tablet & Mobile) */
@media (max-width: 768px) {
  .services-section .vc_column-inner {
    padding: 0 !important;
  }
  .services-section .vc_row {
    margin: 0 !important;
  }
  .services-header h2,
  .services-heading h2 {
    font-size: 24px !important;
  }
  .services-section .services-heading p {
    font-size: 14px !important;
  }
  .scroll-btn {
    display: none;
  }
  .services-scroll {
    gap: 15px;
    padding: 10px;
  }
  .service-card {
    min-width: 220px;
    border-radius: 12px;
  }
  .service-card img {
    height: 160px;
  }
  .service-card h3 {
    font-size: 14px;
    padding: 10px 12px;
  }
  .service-overlay p {
    font-size: 11px;
    line-height: 1.4;
  }
}


/* --- MAIN: SCOPE SECTION --- */

/* Side: Scope Layout */
.scope-section,
.scope-section * {
  font-family: 'Poppins', sans-serif !important;
}

.scope-section {
  padding: 0px;
  background: linear-gradient(135deg, #071a2f, #0b2a63);
}

.scope-section .vc_column-inner,
.scope-section .wpb_wrapper {
  padding: 0px !important;
  margin: 0 !important;
}

/* Side: Scope Header */
.scope-header {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 60px;
}

.scope-header span {
  color: #f7931e;
  letter-spacing: 2px;
  font-size: 12px;
  font-weight: 600;
}

.scope-header h2 {
  color: #fff;
  font-size: 42px;
  margin: 10px 0;
}

.scope-header p {
  color: #9aa4b2;
  font-size: 16px;
}

/* Side: Scope Grid & Cards */
.scope-grid {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(4, 1fr);
}

.scope-card {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  padding: 30px;
  border-radius: 10px;
  backdrop-filter: blur(10px);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  transition: 0.3s ease;
  height: 100%;
}

.scope-card:hover {
  transform: translateY(-8px);
  border-color: rgba(247, 147, 30, 0.4);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
}

.scope-card h3,
.scope-card h4 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 5px;
}

.scope-card p {
  color: #9aa4b2;
  font-size: 14px;
  opacity: 0.7;
}

.scope-card .icon,
.scope-card svg {
  width: 40px;
  height: 40px;
  margin-bottom: 15px;
  color: #f7931e;
}

.scope-card .icon svg {
  width: 100%;
  height: 100%;
}

.scope-card:hover .icon {
  color: #ffb347;
  transform: scale(1.1);
}

/* Side: Scope Responsive (Tablet & Mobile) */
@media (max-width: 1024px) {
  .scope-grid {
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 992px) {
  .scope-card svg {
    width: 36px;
    height: 36px;
  }
}

@media (max-width: 768px) {
  .scope-grid {
    gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
  .scope-header h2 {
    font-size: 24px;
  }
  .scope-header p {
    font-size: 13px;
  }
  .scope-card {
    padding: 18px;
    border-radius: 12px;
  }
  .scope-card svg {
    width: 26px;
    height: 26px;
    margin-bottom: 10px;
  }
  .scope-card h3,
  .scope-card h4 {
    font-size: 16px;
    margin-bottom: 4px;
  }
  .scope-card p {
    font-size: 10px;
    line-height: 1.5;
  }
}


/* --- MAIN: INDUSTRIES SECTION --- */

/* Side: Industries Layout */
.industries-section,
.industries-section * {
  font-family: 'Poppins', sans-serif !important;
}

.industries-section {
  padding: 30px 100px;
  background: #ffffff;
}

/* Side: Industries Header */
.industries-header {
  max-width: 700px;
  margin: 0 auto 60px;
  text-align: center;
}

.industries-header span {
  color: #f7931e;
  letter-spacing: 2px;
  font-size: 12px;
  font-weight: 600;
}

.industries-header h2 {
  color: #021f57;
  font-size: 42px;
  font-weight: 700;
  margin: 10px 0;
}

.industries-header h4 {
  color: #ffffff;
  font-weight: 700;
  margin: 10px 0;
}

.industries-header p {
  color: #555;
  font-size: 16px;
}

/* Side: Industries Grid & Cards */
.industries-grid {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(2, 1fr);
}

.industry-card {
  display: flex;
  gap: 20px;
  padding: 30px;
  background: #021f57;
  color: #fff;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: 0.3s ease;
  position: relative;
}

.industry-card:hover {
  transform: translateY(-8px);
  border-color: rgba(247, 147, 30, 0.4);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 0 40px rgba(165, 13, 37, 0.25), 0 0 80px rgba(165, 13, 37, 0.15);
}

.industry-card.active {
  border: 1px solid #f7931e;
}

.icon-box {
  min-width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f7931e;
  font-size: 24px;
}

/* Side: Industries Card Content */
.number {
  font-size: 22px;
  opacity: 0.4;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0;
}

.industry-card h4 {
  margin: 0;
  font-size: 20px;
  color: #ffffff !important;
  display: inline-block;
}

.industry-card p {
  margin-top: 8px;
  font-size: 14px;
  opacity: 0.8;
}

/* Side: Industries Responsive (Tablet & Mobile) */
@media (max-width: 1024px) {
  .industries-grid {
    gap: 20px;
  }
}

@media (max-width: 768px) {
  .industries-section {
    padding: 15px 5px;
  }
  .industries-header {
    margin-bottom: 30px;
  }
  .industries-header h2 {
    font-size: 24px;
  }
  .industries-header p {
    font-size: 14px;
  }
  .industries-grid {
    grid-template-columns: 1fr !important;
  }
  .industry-card {
    flex-direction: row;
    align-items: flex-start;
    padding: 20px;
    gap: 15px;
  }
  .number {
    font-size: 18px;
  }
  .industry-card h4 {
    font-size: 16px;
  }
  .industry-card p {
    font-size: 13px;
  }
}


/* --- MAIN: CERTIFICATION SECTION --- */

/* Side: Certification Layout */
.cert-section,
.cert-section * {
  font-family: 'Poppins', sans-serif !important;
}

.cert-section {
  padding: 60px;
  background: linear-gradient(135deg, #071a2f, #0b2a63);
}

/* Side: Certification Header */
.cert-header {
  text-align: center;
  max-width: 1000px;
  margin: 0 auto 60px;
  padding-bottom: 60px;
}

.cert-header span {
  color: #f7931e;
  letter-spacing: 2px;
  font-size: 12px;
  font-weight: 600;
}

.cert-header h2 {
  color: #fff;
  font-size: 42px;
  font-weight: 500;
  margin: 10px 0;
}

.cert-header p {
  font-size: 16px !important;
  color: #9aa4b2 !important;
  max-width: 600px !important;
  margin: 0 auto !important;
}

/* Side: Certification Grid & Cards */
.cert-grid {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(5, 1fr);
}

.cert-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05);
  padding: 15px;
  text-align: center;
  border-radius: 10px;
  transition: 0.3s ease;
}

.cert-card img {
  width: 100%;
  height: 300px;
  object-fit: contain;
  border-radius: 6px;
  margin-bottom: 15px;
}

.cert-card h4 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 5px;
}

.cert-card p {
  color: #9aa4b2;
  font-size: 14px;
}

.cert-card:hover {
  transform: translateY(-8px);
  border-color: rgba(247, 147, 30, 0.4);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
}

/* Side: Certification Responsive (Tablet & Mobile) */
@media (max-width: 1024px) {
  .cert-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .cert-section {
    padding: 40px 15px;
  }
  .cert-header {
    padding: 10px 5px;
    margin-bottom: 25px;
  }
  .cert-header h2 {
    font-size: 22px;
  }
  .cert-header p {
    font-size: 12px;
  }
  .cert-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  .cert-card {
    padding: 15px;
    border-radius: 8px;
  }
  .cert-card img {
    height: 200px;
    object-fit: cover;
    border-radius: 4px;
    margin-bottom: 10px;
  }
  .cert-card h4 {
    font-size: 13px;
    margin-bottom: 3px;
  }
  .cert-card p {
    font-size: 11px;
  }
}


/* --- MAIN: CONTACT SECTION --- */

/* Side: Contact Layout */
.contact-section,
.contact-section * {
  font-family: 'Poppins', sans-serif !important;
}

.contact-section {
  background: #ffffff;
  padding: 60px;
}

.contact-tag {
  text-align: center;
  color: #d32f2f;
  font-size: 48px;
  letter-spacing: 3px;
  font-weight: 800;
  margin-bottom: 20px;
}

.contact-container {
  display: flex;
  justify-content: space-between;
  gap: 60px;
  max-width: 1200px;
  margin: auto;
  flex-wrap: wrap;
}

/* Side: Contact Left (Text & Buttons) */
.contact-left {
  flex: 1;
  min-width: 300px;
}

.contact-left .tag {
  color: #d32f2f;
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: 600;
}

.contact-left h1 {
  font-size: 48px;
  margin: 20px 0;
  font-weight: 700;
  color: #0b1f3a;
}

.contact-left p {
  color: #555;
  line-height: 1.6;
  max-width: 500px;
}

.contact-buttons {
  margin-top: 30px;
  display: flex;
  gap: 15px;
}

.btn {
  padding: 14px 24px;
  text-decoration: none;
  font-weight: 500;
  border-radius: 6px;
  font-size: 20px;
  display: inline-block;
  transition: all 0.3s ease;
}

.btn.primary {
  background: #d32f2f;
  color: white;
  box-shadow: 0 4px 14px rgba(211, 47, 47, 0.3);
}

.btn.primary:hover {
  background: #b71c1c;
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 8px 24px rgba(183, 28, 28, 0.5);
  color: white;
  text-decoration: none;
}

.btn.secondary {
  border: 1px solid #0b1f3a;
  color: #0b1f3a;
  background: transparent;
}

.btn.secondary:hover {
  background: #0b1f3a;
  color: white;
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(11, 31, 58, 0.3);
  text-decoration: none;
}

/* Side: Contact Right (Info Card) */
.contact-card {
  flex: 1;
  min-width: 320px;
  background: #0b1f3a !important;
  color: #fff !important;
  padding: 40px;
  border-radius: 10px;
}

.contact-card h3,
.contact-card h4 {
  color: #ffffff !important;
}

.contact-card p {
  color: #cccccc !important;
}

.contact-card hr {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin: 30px 0;
}

/* Side: Contact Card Elements */
.info-item {
  display: flex;
  gap: 15px;
  margin-bottom: 25px;
}

.info-item h4 {
  margin: 0;
  font-size: 16px;
}

.info-item p {
  margin: 5px 0 0;
  font-size: 14px;
}

.icon {
  background: rgba(255, 255, 255, 0.08);
  padding: 12px;
  width: 45px;
  height: 45px;
  flex-shrink: 0;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon svg {
  width: 22px;
  height: 22px;
  fill: #ff3b3b !important;
}

.working-hours p {
  font-size: 14px;
}

/* Side: Contact Responsive (Tablet & Mobile) */
@media (max-width: 1024px) {
  .contact-container {
    gap: 40px;
  }
	.btn {
		display: flex;
		flex-direction: row;
	}
	
  .contact-left h1 {
    font-size: 36px;
  }
  .contact-card {
    padding: 30px;
  }
}

@media (max-width: 768px) {
  .contact-section {
    padding: 50px 15px;
  }
  .contact-tag {
    margin-bottom: 10px;
    font-size: 26px;
    letter-spacing: 2px;
  }
  .contact-container {
    flex-direction: column;
    gap: 30px;
  }
  .contact-left {
    text-align: center;
  }
  .contact-left h1 {
    font-size: 21px; 
    max-width: 320px;
    line-height: 1.3;
    margin: 0 auto 10px;
  }
  .contact-left p {
    font-size: 13px;
    max-width: 100%;
  }
  .contact-buttons {
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
  }
  .btn {
    font-size: 16px;
    padding: 10px 18px;
  }
  .contact-card {
    padding: 25px 20px;
    border-radius: 10px;
  }
  .contact-card h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .info-item {
    gap: 10px;
    margin-bottom: 20px;
  }
  .info-item h4 {
    font-size: 14px;
  }
  .info-item p {
    font-size: 12px;
  }
  .icon svg {
    width: 18px;
    height: 18px;
  }
  .working-hours p {
    font-size: 12px;
  }
}
```