/* ====== Mobile-first / Reset ====== */
    :root{
      --accent: #0ea5e9;
      --wa: #25D366;
      --topbar-h: 44px;
      --header-h: 64px;
      --max-width: 1200px;
    }
    ::before,::after{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0;
      font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
      color:#222;
      line-height:1.4;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      /* reserve space for top-bar + header */
      padding-top: calc(var(--topbar-h) + var(--header-h));
      background:#f7fafc;
    }
    .container{
      width:100%;
      max-width:var(--max-width);
      margin:0 auto;
      padding:0 16px;
    }

    /* ====== Top Tagline (fixed) ====== */
    .top-tagline{
      position:fixed;
      top:0;
      left:0;
      right:0;
      height:var(--topbar-h);
      background:var(--accent);
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      font-weight:600;
      z-index:1200;
      padding:0 12px;
      gap:10px;
    }
    .top-tagline a{color:#fff;text-decoration:underline}

    /* ====== Header (fixed under tagline) ====== */
    .site-header{
      position:fixed;
      left:0;
      right:0;
      top:var(--topbar-h);
      height:var(--header-h);
      background:#fff;
      z-index:1100;
      box-shadow:0 1px 6px rgba(0,0,0,0.06);
      display:flex;
      align-items:center;
    }
    .header-flex{
      display:flex;
      align-items:center;
      justify-content:space-between;
      width:100%;
      padding:0 16px;
    }
    .logo img{height:44px; display:block}

    /* Nav - mobile: hidden menu */
    .nav-links{
      display:none;
      position:absolute;
      top:100%;
      left:0;
      right:0;
      background:#fff;
      padding:12px 16px;
      box-shadow:0 6px 20px rgba(0,0,0,0.08);
      gap:8px;
      flex-direction:column;
      z-index:1099;
    }
    .nav-links a{
      text-decoration:none;
      color:#111827;
      padding:10px 8px;
      border-radius:6px;
      font-weight:600;
      display:block;
    }
    .nav-links a.active{color:var(--accent)}
    .hamburger{
      background:none;
      border:0;
      font-size:22px;
      cursor:pointer;
      color:#111827;
      padding:8px;
    }

    /* When header has .open show nav-links */
    .site-header.open .nav-links{display:flex}

    /* ====== Hero Banner (mobile-first) ====== */
    .hero-banner{
      min-height:400px;
      background-image:url("glem hob3.jpg");      
      background-size:cover;
      background-position:center;
      display:flex;
      align-items:center;
      justify-content:center;
      position:relative;
      color:#fff;
    }
    .hero-overlay{
      position:absolute;
      inset:0;
      background:linear-gradient(to bottom right, rgba(0,0,0,0.45), rgba(0,0,0,0.55));
    }
    .hero-content{
      position:relative;
      z-index:2;
      text-align:center;
      padding:20px;
      width:100%;
      max-width:720px;
      margin:0 12px;
    }
    .trust-badge{
      display:inline-block;
      background:rgba(255,255,255,0.12);
      padding:6px 10px;
      border-radius:999px;
      margin-bottom:10px;
      font-weight:600;
    }
    .hero-content h1{
      font-size:26px;
      margin:12px 0;
      line-height:1.1;
    }
    .hero-content p{font-size:15px;margin:0 0 14px}
    .actions .btn{
      display:block;
      width:80%;
      margin:8px auto;
      padding:10px 14px;
      text-decoration:none;
      border-radius:8px;
      text-align:center;
      font-weight:700;
    }
    .btn-primary{background:var(--wa);color:#fff}
    .btn-secondary{background:var(--accent);color:#fff}

    /* ====== Sections (mobile stacked) ====== */
    section{padding:36px 0;background:transparent}
    .grid-2,.standards-grid,.services-grid,.gallery-grid,.testimonials-grid{
      display:grid;
      gap:14px;
      grid-template-columns:1fr; /* single column by default */
    }
    .two-col .container{display:grid;gap:16px}
    .two-col img{width:100%;height:auto;border-radius:8px}

    .standards-grid .standard-card,
    .services-grid .service-card,
    .testimonial-card{
      background:#fff;padding:18px;border-radius:10px;box-shadow:0 6px 20px rgba(2,6,23,0.04);text-align:center;
    }
    .service-card img{width:100%;height:auto;border-radius:8px;margin-bottom:10px}
    .gallery-grid img{width:100%;height:auto;border-radius:8px;display:block}

    footer {
      background: #222;
      color: #fff;
      padding: 20px 0;
      font-family: Arial, sans-serif;
    }
    .footer-container {
      max-width: 1100px;
      margin: auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
    .footer-box {
      flex: 1;
      min-width: 220px;
      margin: 10px;
    }
    .footer-box img {
      height: 60px;
      margin-bottom: 10px;
    }
    .footer-box h3 {
      margin-bottom: 10px;
    }
    .footer-box p, 
    .footer-box ul, 
    .footer-box a {
      color: #bbb;
      text-decoration: none;
      list-style: none;
    }
    .footer-box ul {
      padding: 0;
    }
    .footer-box ul li {
      margin: 5px 0;
    }
    .social-links a {
      color: #bbb;
      margin-right: 10px;
      font-size: 20px;
      transition: 0.3s;
    }
    .social-links a:hover {
      color: #fff;
    }
    .footer-bottom {
      text-align: center;
      margin-top: 20px;
      color: #777;
      font-size: 14px;
    }
/* Floating contact buttons */
    .floating-buttons{
      position:fixed;right:16px;bottom:18px;display:flex;flex-direction:column;gap:10px;z-index:1300;
    }
    .float-btn{
      width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;text-decoration:none;font-size:20px;
    }
    .float-btn.whatsapp{background:var(--wa)}
    
    
    
    /* ====== Larger screens ====== */
    @media (min-width: 640px){
      .hero-content h1{font-size:34px}
      .hero-banner{min-height:480px}
      .actions .btn{width:60%}
    }
    @media (min-width: 768px){
      /* show nav links inline, hide hamburger */
      .nav-links{display:flex;position:static;flex-direction:row;gap:14px;padding:0;background:transparent;box-shadow:none}
      .hamburger{display:none}
      .site-header.open .nav-links{display:flex} /* keep working */
      .header-flex{padding:0 28px}
      .top-tagline{justify-content:center;padding:0 20px}
      .hero-banner{min-height:520px;justify-content:flex-start;background-position: center right}
      .hero-content{text-align:left;margin-left:28px}
      .two-col .container{grid-template-columns:1fr 1fr;align-items:center}
      .standards-grid{grid-template-columns:repeat(4,1fr)}
      .services-grid{grid-template-columns:repeat(3,1fr)}
      .gallery-grid{grid-template-columns:repeat(4,1fr)}
      .testimonials-grid{grid-template-columns:repeat(3,1fr)}
    }
    @media (min-width: 1024px){
      body{padding-top: calc(var(--topbar-h) + var(--header-h))}
      .hero-banner{min-height:600px}
      .hero-content h1{font-size:44px}
      .container{padding:0 28px}
    }

    /* small niceties */
    a.btn-primary:active, a.btn-secondary:active{transform:translateY(1px)}

    /*about page*/

    /* Hero Section */
.hero-section {
  position: relative;
  background: url("/assets/oven.webp") center/cover no-repeat;
  height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.hero-section::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.6);
}

.hero-content {
  position: relative;
  text-align: center;
  max-width: 800px;
  z-index: 2;
  padding: 20px;
}

.hero-content h1 {
  font-size: 3rem;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: white;
}

.hero-content h2 {
  font-size: 2rem;
  margin-bottom: 20px;
}

.hero-content p {
  font-size: 1.1rem;
}

.hero-content span {
  color: #ffd166;
  font-weight: bold;
}

/* Center Highlight */
.center-highlight {
  text-align: center;
  margin: 60px auto;
}

.center-highlight img {
  width: 90%;
  max-width: 1000px;
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.3);
  transition: transform 0.4s ease;
}

.center-highlight img:hover {
  transform: scale(1.03);
}

.caption {
  margin-top: 15px;
  font-size: 1.2rem;
  font-style: italic;
  color: #444;
}

/* Card Sections */
.card-section {
  padding: 60px 8%;
}

.section-title {
  text-align: center;
  font-size: 2.2rem;
  margin-bottom: 40px;
  text-transform: uppercase;
  color: #1a1a1a;
}

/* Cards */
.card {
  background: #fff;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.15);
}

.card h3 {
  margin-bottom: 10px;
  color: #e63946;
}

.card-grid {
  display: grid;
  gap: 25px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

/* Responsive */
@media (max-width: 768px) {
  .hero-content h1 { font-size: 2.2rem; }
  .hero-content h2 { font-size: 1.5rem; }
  .hero-content p { font-size: 1rem; }
}

/*service page*/
.services-section {
      text-align: center;
      padding: 60px 20px;
    }

    .services-section h1 {
      font-size: 2.5em;
      margin-bottom: 15px;
      color: #222;
    }

    .services-section p {
      font-size: 1.1em;
      color: #666;
      margin-bottom: 50px;
    }

    .services-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 30px;
      max-width: 1100px;
      margin: auto;
    }

    .service-card {
      background: #fff;
      padding: 20px;
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .service-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 6px 16px rgba(0,0,0,0.15);
    }

    .service-image {
      width: 100%;
      height: 180px;
      object-fit: cover;
      border-radius: 10px;
      margin-bottom: 15px;
    }

    .service-card h3 {
      margin: 10px 0;
      font-size: 1.4em;
      color: #222;
    }

    .service-card p {
      font-size: 1em;
      color: #666;
    }

    .cta {
      margin-top: 50px;
    }

    .cta a {
      background: #0073e6;
      color: #fff;
      padding: 15px 25px;
      border-radius: 8px;
      text-decoration: none;
      font-weight: bold;
      transition: background 0.3s ease;
    }

    .cta a:hover {
      background: #005bb5;
    }

    /*Bolgs page*/
    /* Blog Section */
.glemgas_blog {
  font-family: Arial, sans-serif;
  color: #333;
}

/* Blog Header (Top Image Banner) */
.glemgas_blog_header {
  position: relative;
  width: 100%;
  height: 350px; /* adjust as needed */
  overflow: hidden;
}

.glemgas_blog_header img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.glemgas_blog_header_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5); /* dark overlay */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
  padding: 20px;
}

.glemgas_blog_header_overlay h2 {
  font-size: 2.5rem;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.glemgas_blog_header_overlay p {
  font-size: 1.2rem;
  margin-top: 10px;
}

/* Blog Container */
.glemgas_container {
  max-width: 1200px;
  margin: 60px auto;
  padding: 0 20px;
}

/* Blog Grid */
.glemgas_blog_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
}

/* Blog Card */
.glemgas_blog_card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.glemgas_blog_card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 18px rgba(0,0,0,0.2);
}

/* Blog Image with Hover Zoom */
.glemgas_blog_card img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.glemgas_blog_card:hover img {
  transform: scale(1.1);
}

/* Blog Content */
.glemgas_blog_content {
  padding: 20px;
}

.glemgas_blog_content h3 {
  margin: 10px 0;
  font-size: 1.3rem;
  color: #222;
}

.glemgas_blog_content p {
  font-size: 1rem;
  color: #666;
  margin-bottom: 15px;
  line-height: 1.5;
}

.glemgas_blog_content a {
  text-decoration: none;
  color: #0073e6;
  font-weight: bold;
  transition: color 0.3s ease;
}

.glemgas_blog_content a:hover {
  color: #005bb5;
}
  /* Map Section */
.glemgas_map_section {
  background: #f8f9fb;
  padding: 60px 20px;
  text-align: center;
}

.glemgas_map_title {
  font-size: 2rem;
  margin-bottom: 10px;
  color: #222;
}

.glemgas_map_subtitle {
  font-size: 1.1rem;
  color: #555;
  margin-bottom: 30px;
}

/* Map Container */
.glemgas_map_wrapper {
  position: relative;
  width: 100%;
  max-width: 1000px;
  height: 450px;
  margin: 0 auto;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

.glemgas_map_wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
/*Blog 1*/
/* Blog Single Page */
.glemgas_blog_single {
  padding: 60px 20px;
  background: #fff;
  font-family: Arial, sans-serif;
  color: #333;
  line-height: 1.7;
}

.glemgas_blog_container {
  max-width: 900px;
  margin: 0 auto;
}

.glemgas_blog_title {
  font-size: 2.5rem;
  margin-bottom: 20px;
  text-align: center;
  color: #222;
}
/*Blog oven*/
/* ========== Oven Blog Section ========== */
.oven_blog_section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.7;
  color: #333;
  background: #fafafa;
}

/* Heading */
.oven_blog_section h1 {
  font-size: 2rem;
  font-weight: 700;
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 25px;
  position: relative;
}

.oven_blog_section h1::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: #e63946;
  margin: 12px auto 0;
  border-radius: 2px;
}

/* Paragraphs */
.oven_blog_section p {
  font-size: 1rem;
  margin-bottom: 25px;
  text-align: justify;
  color: #444;
}

/* Images */
.oven_blog_section img {
  width: 100%;
  max-width: 800px;
  display: block;
  margin: 25px auto;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.oven_blog_section img:hover {
  transform: scale(1.02);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

/* Responsive Design */
@media (max-width: 992px) {
  .oven_blog_section {
    padding: 30px 15px;
  }

  .oven_blog_section h1 {
    font-size: 1.75rem;
  }

  .oven_blog_section p {
    font-size: 0.95rem;
  }
}

@media (max-width: 600px) {
  .oven_blog_section {
    padding: 20px 12px;
  }

  .oven_blog_section h1 {
    font-size: 1.5rem;
  }

  .oven_blog_section p {
    font-size: 0.9rem;
    line-height: 1.6;
  }
}
/*Blog hoods*/
/* ========== Glem Gas Kitchen Hoods Styles ========== */
.hoods_wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.7;
  color: #333;
  background: #fdfdfd;
}

/* Hero Section */
.hoods_hero {
  text-align: center;
  margin-bottom: 40px;
}

.hoods_title {
  font-size: 2.2rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 20px;
  position: relative;
}

.hoods_title::after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  background: #e63946;
  margin: 12px auto 0;
  border-radius: 2px;
}

.hoods_hero .hoods_text {
  font-size: 1rem;
  margin-top: 20px;
  color: #444;
}

.hoods_hero a {
  color: #e63946;
  text-decoration: none;
  font-weight: 600;
}

.hoods_hero a:hover {
  text-decoration: underline;
}

/* Section Styling */
.hoods_section {
  margin-bottom: 50px;
}

.hoods_subtitle {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 20px;
  color: #222;
  position: relative;
}

.hoods_subtitle::before {
  content: "▸";
  color: #e63946;
  margin-right: 8px;
}

.hoods_text {
  font-size: 1rem;
  margin-bottom: 20px;
  color: #555;
  text-align: justify;
}

/* Images */
.hoods_image {
  width: 100%;
  max-width: 900px;
  display: block;
  margin: 20px auto;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.hoods_image:hover {
  transform: scale(1.02);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

/* Lists */
.hoods_list {
  list-style: none;
  padding-left: 0;
  margin: 20px 0;
}

.hoods_list li {
  background: #f8f9fa;
  margin-bottom: 12px;
  padding: 12px 16px;
  border-left: 4px solid #e63946;
  border-radius: 6px;
  font-size: 0.98rem;
  color: #444;
  transition: background 0.3s ease;
}

.hoods_list li:hover {
  background: #f1f1f1;
}

/* Responsive Design */
@media (max-width: 992px) {
  .hoods_wrapper {
    padding: 30px 15px;
  }

  .hoods_title {
    font-size: 2rem;
  }

  .hoods_subtitle {
    font-size: 1.4rem;
  }

  .hoods_text {
    font-size: 0.95rem;
  }
}

@media (max-width: 600px) {
  .hoods_wrapper {
    padding: 20px 12px;
  }

  .hoods_title {
    font-size: 1.7rem;
  }

  .hoods_subtitle {
    font-size: 1.25rem;
  }

  .hoods_text {
    font-size: 0.9rem;
    line-height: 1.6;
  }

  .hoods_list li {
    font-size: 0.9rem;
  }
}
/*electric stove*/
/* ========== Glem Gas Blog Single ========== */
.glemgas_blog_single {
  background: #fafafa;
  padding: 50px 20px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #333;
  line-height: 1.7;
}

.glemgas_blog_container {
  max-width: 1100px;
  margin: 0 auto;
  background: #fff;
  padding: 40px 30px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* Blog Title */
.glemgas_blog_title {
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
  color: #1a1a1a;
  position: relative;
}

.glemgas_blog_title::after {
  content: "";
  display: block;
  width: 80px;
  height: 3px;
  background: #e63946;
  margin: 12px auto 0;
  border-radius: 2px;
}

/* Featured + Section Images */
.glemgas_blog_image {
  margin: 25px 0;
  text-align: center;
}

.glemgas_blog_image img {
  width: 100%;
  max-width: 850px;
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.glemgas_blog_image img:hover {
  transform: scale(1.02);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Paragraphs */
.glemgas_blog_container p {
  font-size: 1rem;
  margin-bottom: 22px;
  color: #444;
  text-align: justify;
}

/* Headings */
.glemgas_blog_container h2 {
  font-size: 1.6rem;
  font-weight: 600;
  margin: 35px 0 20px;
  color: #222;
  position: relative;
}

.glemgas_blog_container h2::before {
  content: "▸";
  color: #e63946;
  margin-right: 8px;
}

/* Links */
.glemgas_blog_container a {
  color: #e63946;
  font-weight: 600;
  text-decoration: none;
}

.glemgas_blog_container a:hover {
  text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 992px) {
  .glemgas_blog_container {
    padding: 30px 20px;
  }

  .glemgas_blog_title {
    font-size: 2rem;
  }

  .glemgas_blog_container h2 {
    font-size: 1.4rem;
  }

  .glemgas_blog_container p {
    font-size: 0.95rem;
  }
}

@media (max-width: 600px) {
  .glemgas_blog_single {
    padding: 30px 15px;
  }

  .glemgas_blog_container {
    padding: 20px 15px;
  }

  .glemgas_blog_title {
    font-size: 1.7rem;
  }

  .glemgas_blog_container h2 {
    font-size: 1.25rem;
  }

  .glemgas_blog_container p {
    font-size: 0.9rem;
    line-height: 1.6;
  }
}
/*Hobs */

/* Wrapper for hobs repair section */
.glem_hobs_section {
  max-width: 1200px;
  margin: auto;
  padding: 20px;
  line-height: 1.7;
  font-family: Arial, sans-serif;
  color: #333;
}

/* Heading */
.glem_hobs_section h1 {
  font-size: 28px;
  color: #222;
  text-align: center;
  margin-bottom: 25px;
}

/* Paragraphs */
.glem_para_one,
.glem_para_two,
.glem_para_three,
.glem_para_four {
  margin-bottom: 35px;
  font-size: 16px;
  text-align: justify;
}

/* Images */
.glem_img_one,
.glem_img_two,
.glem_img_three,
.glem_img_four {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 15px auto;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

/* Links */
.glem_hobs_section a {
  color: #c0392b;
  text-decoration: none;
  font-weight: bold;
}

.glem_hobs_section a:hover {
  text-decoration: underline;
}

/* 📱 Responsive Design */
@media (max-width: 1024px) {
  .glem_hobs_section {
    padding: 15px;
  }

  .glem_hobs_section h1 {
    font-size: 24px;
  }

  .glem_para_one,
  .glem_para_two,
  .glem_para_three,
  .glem_para_four {
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  .glem_hobs_section {
    padding: 12px;
  }

  .glem_hobs_section h1 {
    font-size: 22px;
  }

  .glem_para_one,
  .glem_para_two,
  .glem_para_three,
  .glem_para_four {
    font-size: 14px;
    line-height: 1.6;
  }

  .glem_img_one,
  .glem_img_two,
  .glem_img_three,
  .glem_img_four {
    margin: 10px auto;
  }
}

@media (max-width: 480px) {
  .glem_hobs_section {
    padding: 10px;
  }

  .glem_hobs_section h1 {
    font-size: 20px;
    margin-bottom: 18px;
  }

  .glem_para_one,
  .glem_para_two,
  .glem_para_three,
  .glem_para_four {
    font-size: 13px;
    line-height: 1.5;
  }

  .glem_img_one,
  .glem_img_two,
  .glem_img_three,
  .glem_img_four {
    width: 100%;
    border-radius: 5px;
    box-shadow: none;
  }
}