.elementor-377 .elementor-element.elementor-element-ff1d2ab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-377 .elementor-element.elementor-element-ff1d2ab.yes-is-sticky, .elementor-377 .elementor-element.elementor-element-ff1d2ab.adv-sticky-elementor{transition:all 300ms ease-in-out;}.elementor-377 .elementor-element.elementor-element-152242e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-377 .elementor-element.elementor-element-152242e.yes-is-sticky, .elementor-377 .elementor-element.elementor-element-152242e.adv-sticky-elementor{transition:all 300ms ease-in-out;}.elementor-377 .elementor-element.elementor-element-56f3441{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-377 .elementor-element.elementor-element-56f3441.yes-is-sticky, .elementor-377 .elementor-element.elementor-element-56f3441.adv-sticky-elementor{transition:all 300ms ease-in-out;}.elementor-377 .elementor-element.elementor-element-f29695e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-377 .elementor-element.elementor-element-f29695e.yes-is-sticky, .elementor-377 .elementor-element.elementor-element-f29695e.adv-sticky-elementor{transition:all 300ms ease-in-out;}.elementor-377 .elementor-element.elementor-element-d57fcb3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-377 .elementor-element.elementor-element-d57fcb3.yes-is-sticky, .elementor-377 .elementor-element.elementor-element-d57fcb3.adv-sticky-elementor{transition:all 300ms ease-in-out;}.elementor-377 .elementor-element.elementor-element-7208f3e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-377 .elementor-element.elementor-element-7208f3e.yes-is-sticky, .elementor-377 .elementor-element.elementor-element-7208f3e.adv-sticky-elementor{transition:all 300ms ease-in-out;}.elementor-377 .elementor-element.elementor-element-6a5027c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-377 .elementor-element.elementor-element-6a5027c.yes-is-sticky, .elementor-377 .elementor-element.elementor-element-6a5027c.adv-sticky-elementor{transition:all 300ms ease-in-out;}.elementor-377 .elementor-element.elementor-element-ad07627{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-377 .elementor-element.elementor-element-ad07627.yes-is-sticky, .elementor-377 .elementor-element.elementor-element-ad07627.adv-sticky-elementor{transition:all 300ms ease-in-out;}/* Start custom CSS for html, class: .elementor-element-934ffe2 *//* =========================
RAW MATERIALS HERO
========================= */

.raw-hero {
  position: relative;

  min-height: 100vh;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  text-align: center;

  padding: 120px 20px;

  background:
  linear-gradient(rgba(2,6,23,0.78), rgba(2,6,23,0.88)),
  url('https://ghscustomgear.com/wp-content/uploads/2026/05/Raw-Material-GHS-GEAR.png');

  background-size: cover;
  background-position: center;
}

/* OVERLAY GLOW */
.raw-hero-overlay {
  position: absolute;
  inset: 0;

  background:
  radial-gradient(circle at top right,
  rgba(59,130,246,0.25),
  transparent 35%);
}

/* CONTENT */
.raw-hero-content {
  position: relative;
  z-index: 2;

  max-width: 1000px;
}

/* SMALL TAG */
.raw-tag {
  display: inline-block;

  padding: 12px 24px;

  border-radius: 999px;

  background: rgba(255,255,255,0.08);

  border: 1px solid rgba(255,255,255,0.12);

  backdrop-filter: blur(12px);

  color: #dbeafe;

  font-size: 14px;
  font-weight: 600;

  letter-spacing: 1px;

  margin-bottom: 28px;
}

/* HEADING */
.raw-hero h1 {
  font-size: 96px;
  line-height: 0.95;
  font-weight: 900;

  color: #fff;

  margin-bottom: 30px;

  letter-spacing: -3px;
}

/* TEXT */
.raw-hero p {
  max-width: 850px;

  margin: auto auto 45px;

  color: #cbd5e1;

  font-size: 22px;
  line-height: 1.8;
}

/* BUTTON WRAP */
.raw-hero-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;

  flex-wrap: wrap;
}

/* PRIMARY BUTTON */
.raw-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 18px 36px;

  border-radius: 16px;

  background: linear-gradient(90deg,#3b82f6,#8b5cf6);

  color: #fff;
  text-decoration: none;

  font-size: 16px;
  font-weight: 700;

  transition: 0.3s;

  box-shadow: 0 20px 50px rgba(59,130,246,0.35);
}

/* SECONDARY */
.raw-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 18px 36px;

  border-radius: 16px;

  background: rgba(255,255,255,0.08);

  border: 1px solid rgba(255,255,255,0.12);

  backdrop-filter: blur(10px);

  color: #fff;
  text-decoration: none;

  font-size: 16px;
  font-weight: 700;

  transition: 0.3s;
}

/* HOVER */
.raw-btn-primary:hover,
.raw-btn-secondary:hover {
  transform: translateY(-4px);
}

/* MOBILE */
@media(max-width:768px){

  .raw-hero {
    min-height: 90vh;

    padding: 100px 20px;
  }

  .raw-hero h1 {
    font-size: 52px;

    line-height: 1.02;
  }

  .raw-hero p {
    font-size: 16px;
  }

  .raw-hero-buttons {
    flex-direction: column;
  }

  .raw-btn-primary,
  .raw-btn-secondary {
    width: 100%;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff1d2ab *//* =========================
GLOBAL HEADINGS FIX
RAW MATERIALS PAGE
========================= */

/* ALL MAIN SECTION HEADINGS */
.raw-hero h1,
.raw-intro-content h2,
.knitting-content h2,
.dyeing-content h2,
.fabric-store-head h2,
.accessories-content h2,
.quality-content h2,
.raw-cta-content h2 {

  font-size: 58px !important;
  line-height: 1.08 !important;

  letter-spacing: -2px !important;

  max-width: 900px;
}

/* HERO MAIN HEADING */
.raw-hero h1 {
  font-size: 72px !important;
  line-height: 1 !important;
}

/* FABRIC STORE CENTER */
.fabric-store-head h2,
.raw-cta-content h2 {
  margin-left: auto;
  margin-right: auto;
}

/* TEXT SIZE FIX */
.raw-hero p,
.raw-intro-content p,
.knitting-content p,
.dyeing-content p,
.fabric-store-head p,
.accessories-content p,
.quality-content p,
.raw-cta-content p {

  font-size: 18px !important;
  line-height: 1.8 !important;

  max-width: 850px;
}

/* =========================
TABLET
========================= */

@media(max-width:991px){

  .raw-hero h1,
  .raw-intro-content h2,
  .knitting-content h2,
  .dyeing-content h2,
  .fabric-store-head h2,
  .accessories-content h2,
  .quality-content h2,
  .raw-cta-content h2 {

    font-size: 42px !important;
    line-height: 1.12 !important;
  }

  .raw-hero h1 {
    font-size: 50px !important;
  }

}

/* =========================
MOBILE
========================= */

@media(max-width:768px){

  .raw-hero h1,
  .raw-intro-content h2,
  .knitting-content h2,
  .dyeing-content h2,
  .fabric-store-head h2,
  .accessories-content h2,
  .quality-content h2,
  .raw-cta-content h2 {

    font-size: 34px !important;
    line-height: 1.18 !important;

    letter-spacing: -1px !important;
  }

  .raw-hero h1 {
    font-size: 40px !important;
  }

  .raw-hero p,
  .raw-intro-content p,
  .knitting-content p,
  .dyeing-content p,
  .fabric-store-head p,
  .accessories-content p,
  .quality-content p,
  .raw-cta-content p {

    font-size: 15px !important;
    line-height: 1.7 !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6924093 *//* =========================
RAW INTRO SECTION
========================= */

.raw-intro-section {
  padding: 120px 20px;

  background: #f8fafc;
}

/* CONTAINER */
.raw-intro-container {
  max-width: 1400px;
  margin: auto;

  display: grid;
  grid-template-columns: 1fr 1fr;

  gap: 70px;

  align-items: center;
}

/* IMAGE */
.raw-intro-image img {
  width: 100%;

  border-radius: 30px;

  object-fit: cover;

  box-shadow: 0 25px 60px rgba(15,23,42,0.12);
}

/* TAG */
.raw-intro-tag {
  display: inline-block;

  color: #3b82f6;

  font-size: 14px;
  font-weight: 800;

  letter-spacing: 2px;

  margin-bottom: 22px;
}

/* HEADING */
.raw-intro-content h2 {
  font-size: 68px;
  line-height: 1.02;
  font-weight: 900;

  color: #0f172a;

  margin-bottom: 28px;

  letter-spacing: -2px;
}

/* TEXT */
.raw-intro-content p {
  color: #475569;

  font-size: 20px;
  line-height: 1.9;

  margin-bottom: 22px;
}

/* FEATURES */
.raw-intro-features {
  margin-top: 40px;

  display: grid;
  grid-template-columns: repeat(2,1fr);

  gap: 18px;
}

/* FEATURE BOX */
.raw-feature-box {
  padding: 20px 24px;

  border-radius: 18px;

  background: #fff;

  border: 1px solid #e2e8f0;

  font-size: 17px;
  font-weight: 700;

  color: #0f172a;

  box-shadow: 0 10px 25px rgba(15,23,42,0.04);

  transition: 0.3s;
}

/* HOVER */
.raw-feature-box:hover {
  transform: translateY(-4px);

  border-color: #3b82f6;
}

/* MOBILE */
@media(max-width:991px){

  .raw-intro-container {
    grid-template-columns: 1fr;
  }

  .raw-intro-content h2 {
    font-size: 44px;
  }

  .raw-intro-content p {
    font-size: 16px;
  }

  .raw-intro-features {
    grid-template-columns: 1fr;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fab47cc *//* =========================
KNITTING SECTION
========================= */

.knitting-section {
  padding: 130px 20px;

  background:
  linear-gradient(180deg,#020617,#0f172a);

  overflow: hidden;
}

/* CONTAINER */
.knitting-container {
  max-width: 1400px;
  margin: auto;

  display: grid;
  grid-template-columns: 1fr 1fr;

  gap: 80px;

  align-items: center;
}

/* TAG */
.knitting-tag {
  display: inline-block;

  color: #60a5fa;

  font-size: 14px;
  font-weight: 800;

  letter-spacing: 2px;

  margin-bottom: 20px;
}

/* HEADING */
.knitting-content h2 {
  font-size: 70px;
  line-height: 1.02;
  font-weight: 900;

  color: #fff;

  margin-bottom: 28px;

  letter-spacing: -2px;
}

/* TEXT */
.knitting-content p {
  color: #cbd5e1;

  font-size: 20px;
  line-height: 1.9;

  margin-bottom: 22px;
}

/* FEATURES */
.knitting-features {
  margin-top: 40px;

  display: grid;
  grid-template-columns: repeat(2,1fr);

  gap: 18px;
}

/* BOX */
.knit-box {
  padding: 20px 24px;

  border-radius: 18px;

  background: rgba(255,255,255,0.05);

  border: 1px solid rgba(255,255,255,0.08);

  backdrop-filter: blur(10px);

  color: #fff;

  font-size: 16px;
  font-weight: 700;

  transition: 0.3s;
}

/* HOVER */
.knit-box:hover {
  transform: translateY(-5px);

  border-color: #3b82f6;
}

/* IMAGE */
.knitting-image {
  position: relative;
}

.knitting-image img {
  width: 100%;

  border-radius: 30px;

  object-fit: cover;

  box-shadow: 0 25px 70px rgba(0,0,0,0.4);
}

/* FLOATING CARD */
.knitting-card {
  position: absolute;

  bottom: 30px;
  left: -30px;

  padding: 30px;

  border-radius: 24px;

  background: rgba(255,255,255,0.08);

  backdrop-filter: blur(14px);

  border: 1px solid rgba(255,255,255,0.12);

  max-width: 240px;
}

/* CARD NUMBER */
.knitting-card h3 {
  font-size: 52px;
  font-weight: 900;

  color: #60a5fa;

  margin-bottom: 10px;
}

/* CARD TEXT */
.knitting-card p {
  color: #e2e8f0;

  font-size: 16px;
  line-height: 1.7;
}

/* MOBILE */
@media(max-width:991px){

  .knitting-container {
    grid-template-columns: 1fr;
  }

  .knitting-content h2 {
    font-size: 44px;
  }

  .knitting-content p {
    font-size: 16px;
  }

  .knitting-features {
    grid-template-columns: 1fr;
  }

  .knitting-card {
    left: 20px;
    bottom: 20px;

    padding: 20px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1125ca4 *//* =========================
DYEING SECTION
========================= */

.dyeing-section {
  padding: 130px 20px;

  background: #f8fafc;

  overflow: hidden;
}

/* CONTAINER */
.dyeing-container {
  max-width: 1400px;
  margin: auto;

  display: grid;
  grid-template-columns: 1fr 1fr;

  gap: 80px;

  align-items: center;
}

/* IMAGE */
.dyeing-image {
  position: relative;
}

.dyeing-image img {
  width: 100%;

  border-radius: 30px;

  object-fit: cover;

  box-shadow: 0 25px 70px rgba(15,23,42,0.12);
}

/* FLOATING CARD */
.dyeing-floating-card {
  position: absolute;

  right: -30px;
  bottom: 30px;

  padding: 30px;

  border-radius: 24px;

  background: rgba(255,255,255,0.85);

  backdrop-filter: blur(14px);

  border: 1px solid rgba(255,255,255,0.4);

  max-width: 250px;

  box-shadow: 0 20px 50px rgba(15,23,42,0.15);
}

/* CARD NUMBER */
.dyeing-floating-card h3 {
  font-size: 52px;
  font-weight: 900;

  color: #3b82f6;

  margin-bottom: 10px;
}

/* CARD TEXT */
.dyeing-floating-card p {
  color: #475569;

  font-size: 16px;
  line-height: 1.7;
}

/* TAG */
.dyeing-tag {
  display: inline-block;

  color: #3b82f6;

  font-size: 14px;
  font-weight: 800;

  letter-spacing: 2px;

  margin-bottom: 20px;
}

/* HEADING */
.dyeing-content h2 {
  font-size: 70px;
  line-height: 1.02;
  font-weight: 900;

  color: #0f172a;

  margin-bottom: 28px;

  letter-spacing: -2px;
}

/* TEXT */
.dyeing-content p {
  color: #475569;

  font-size: 20px;
  line-height: 1.9;

  margin-bottom: 22px;
}

/* FEATURES */
.dyeing-features {
  margin-top: 40px;

  display: grid;
  grid-template-columns: repeat(2,1fr);

  gap: 18px;
}

/* BOX */
.dye-box {
  padding: 20px 24px;

  border-radius: 18px;

  background: #fff;

  border: 1px solid #e2e8f0;

  color: #0f172a;

  font-size: 16px;
  font-weight: 700;

  transition: 0.3s;

  box-shadow: 0 10px 25px rgba(15,23,42,0.05);
}

/* HOVER */
.dye-box:hover {
  transform: translateY(-5px);

  border-color: #3b82f6;
}

/* MOBILE */
@media(max-width:991px){

  .dyeing-container {
    grid-template-columns: 1fr;
  }

  .dyeing-content h2 {
    font-size: 44px;
  }

  .dyeing-content p {
    font-size: 16px;
  }

  .dyeing-features {
    grid-template-columns: 1fr;
  }

  .dyeing-floating-card {
    right: 20px;
    bottom: 20px;

    padding: 20px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-12fc8d3 *//* =========================
FABRIC STORE SECTION
========================= */

.fabric-store-section {
  padding: 130px 20px;

  background:
  linear-gradient(180deg,#020617,#0f172a);
}

/* HEAD */
.fabric-store-head {
  max-width: 900px;
  margin: auto auto 80px;

  text-align: center;
}

/* TAG */
.fabric-store-tag {
  display: inline-block;

  color: #60a5fa;

  font-size: 14px;
  font-weight: 800;

  letter-spacing: 2px;

  margin-bottom: 20px;
}

/* HEADING */
.fabric-store-head h2 {
  font-size: 72px;
  line-height: 1.02;
  font-weight: 900;

  color: #fff;

  margin-bottom: 28px;

  letter-spacing: -2px;
}

/* TEXT */
.fabric-store-head p {
  color: #cbd5e1;

  font-size: 20px;
  line-height: 1.9;
}

/* GRID */
.fabric-store-grid {
  max-width: 1400px;
  margin: auto;

  display: grid;
  grid-template-columns: repeat(3,1fr);

  gap: 30px;
}

/* CARD */
.fabric-store-card {
  background: rgba(255,255,255,0.05);

  border: 1px solid rgba(255,255,255,0.08);

  backdrop-filter: blur(12px);

  border-radius: 30px;

  overflow: hidden;

  transition: 0.4s;
}

/* HOVER */
.fabric-store-card:hover {
  transform: translateY(-10px);

  border-color: rgba(59,130,246,0.4);

  box-shadow: 0 30px 60px rgba(59,130,246,0.12);
}

/* IMAGE */
.fabric-store-card img {
  width: 100%;
  height: 280px;

  object-fit: cover;
}

/* CONTENT */
.fabric-store-content {
  padding: 35px;
}

/* TITLE */
.fabric-store-content h3 {
  font-size: 28px;
  font-weight: 800;

  color: #fff;

  margin-bottom: 16px;
}

/* TEXT */
.fabric-store-content p {
  color: #cbd5e1;

  font-size: 16px;
  line-height: 1.8;
}

/* MOBILE */
@media(max-width:991px){

  .fabric-store-head h2 {
    font-size: 44px;
  }

  .fabric-store-head p {
    font-size: 16px;
  }

  .fabric-store-grid {
    grid-template-columns: 1fr;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-baf9172 *//* =========================
ACCESSORIES SECTION
========================= */

.accessories-section {
  padding: 130px 20px;

  background: #f8fafc;

  overflow: hidden;
}

/* CONTAINER */
.accessories-container {
  max-width: 1450px;
  margin: auto;

  display: grid;
  grid-template-columns: 1fr 1fr;

  gap: 80px;

  align-items: center;
}

/* TAG */
.accessories-tag {
  display: inline-block;

  color: #3b82f6;

  font-size: 14px;
  font-weight: 800;

  letter-spacing: 2px;

  margin-bottom: 20px;
}

/* HEADING */
.accessories-content h2 {
  font-size: 68px;
  line-height: 1.02;
  font-weight: 900;

  color: #0f172a;

  margin-bottom: 28px;

  letter-spacing: -2px;
}

/* TEXT */
.accessories-content p {
  color: #475569;

  font-size: 20px;
  line-height: 1.9;

  margin-bottom: 22px;
}

/* FEATURES */
.accessories-features {
  margin-top: 40px;

  display: grid;
  grid-template-columns: repeat(2,1fr);

  gap: 18px;
}

/* BOX */
.acc-box {
  padding: 20px 24px;

  border-radius: 18px;

  background: #fff;

  border: 1px solid #e2e8f0;

  font-size: 16px;
  font-weight: 700;

  color: #0f172a;

  transition: 0.3s;

  box-shadow: 0 10px 25px rgba(15,23,42,0.05);
}

/* HOVER */
.acc-box:hover {
  transform: translateY(-5px);

  border-color: #3b82f6;
}

/* IMAGE AREA */
.accessories-images {
  display: flex;
  flex-direction: column;

  gap: 25px;
}

/* LARGE IMAGE */
.acc-large img {
  width: 100%;
  height: 420px;

  object-fit: cover;

  border-radius: 28px;

  box-shadow: 0 25px 60px rgba(15,23,42,0.12);
}

/* SMALL GRID */
.acc-small-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);

  gap: 25px;
}

/* SMALL IMAGE */
.acc-small img {
  width: 100%;
  height: 220px;

  object-fit: cover;

  border-radius: 24px;

  box-shadow: 0 20px 50px rgba(15,23,42,0.08);
}

/* MOBILE */
@media(max-width:991px){

  .accessories-container {
    grid-template-columns: 1fr;
  }

  .accessories-content h2 {
    font-size: 44px;
  }

  .accessories-content p {
    font-size: 16px;
  }

  .accessories-features {
    grid-template-columns: 1fr;
  }

  .acc-large img {
    height: 320px;
  }

  .acc-small img {
    height: 180px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d4910cb *//* =========================
QUALITY SECTION
========================= */

.quality-section {
  position: relative;

  padding: 140px 20px;

  overflow: hidden;

  background:
  linear-gradient(180deg,#020617,#0f172a);
}

/* GLOW */
.quality-glow {
  position: absolute;

  width: 700px;
  height: 700px;

  background:
  radial-gradient(circle,
  rgba(59,130,246,0.18),
  transparent 70%);

  top: -200px;
  right: -150px;
}

/* CONTAINER */
.quality-container {
  position: relative;
  z-index: 2;

  max-width: 1450px;
  margin: auto;

  display: grid;
  grid-template-columns: 1fr 1fr;

  gap: 90px;

  align-items: center;
}

/* TAG */
.quality-tag {
  display: inline-block;

  color: #60a5fa;

  font-size: 14px;
  font-weight: 800;

  letter-spacing: 2px;

  margin-bottom: 22px;
}

/* HEADING */
.quality-content h2 {
  font-size: 72px;
  line-height: 1.02;
  font-weight: 900;

  color: #fff;

  margin-bottom: 28px;

  letter-spacing: -2px;
}

/* TEXT */
.quality-content p {
  color: #cbd5e1;

  font-size: 20px;
  line-height: 1.9;

  margin-bottom: 24px;
}

/* GRID */
.quality-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);

  gap: 25px;
}

/* CARD */
.quality-card {
  padding: 35px;

  border-radius: 28px;

  background: rgba(255,255,255,0.05);

  border: 1px solid rgba(255,255,255,0.08);

  backdrop-filter: blur(14px);

  transition: 0.4s;
}

/* HOVER */
.quality-card:hover {
  transform: translateY(-8px);

  border-color: rgba(59,130,246,0.4);

  box-shadow: 0 25px 60px rgba(59,130,246,0.12);
}

/* ICON */
.quality-icon {
  width: 70px;
  height: 70px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 20px;

  background:
  linear-gradient(135deg,#3b82f6,#8b5cf6);

  font-size: 30px;

  margin-bottom: 25px;

  box-shadow: 0 20px 40px rgba(59,130,246,0.25);
}

/* TITLE */
.quality-card h3 {
  font-size: 28px;
  font-weight: 800;

  color: #fff;

  margin-bottom: 16px;
}

/* TEXT */
.quality-card p {
  color: #cbd5e1;

  font-size: 16px;
  line-height: 1.8;
}

/* MOBILE */
@media(max-width:991px){

  .quality-container {
    grid-template-columns: 1fr;
  }

  .quality-content h2 {
    font-size: 44px;
  }

  .quality-content p {
    font-size: 16px;
  }

  .quality-grid {
    grid-template-columns: 1fr;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f782a39 *//* =========================
RAW CTA SECTION
========================= */

.raw-cta-section {
  position: relative;

  padding: 160px 20px;

  overflow: hidden;

  text-align: center;

  background:
  linear-gradient(180deg,#020617,#0f172a);
}

/* GLOW */
.raw-cta-glow {
  position: absolute;

  width: 700px;
  height: 700px;

  background:
  radial-gradient(circle,
  rgba(59,130,246,0.22),
  transparent 70%);

  top: -180px;
  left: 50%;

  transform: translateX(-50%);
}

/* CONTENT */
.raw-cta-content {
  position: relative;
  z-index: 2;

  max-width: 950px;
  margin: auto;
}

/* TAG */
.raw-cta-tag {
  display: inline-block;

  color: #93c5fd;

  font-size: 14px;
  font-weight: 800;

  letter-spacing: 2px;

  margin-bottom: 24px;
}

/* HEADING */
.raw-cta-content h2 {
  font-size: 84px;
  line-height: 0.95;
  font-weight: 900;

  color: #fff;

  margin-bottom: 32px;

  letter-spacing: -3px;
}

/* TEXT */
.raw-cta-content p {
  color: #cbd5e1;

  font-size: 21px;
  line-height: 1.9;

  max-width: 820px;
  margin: auto auto 50px;
}

/* BUTTONS */
.raw-cta-buttons {
  display: flex;
  justify-content: center;

  gap: 20px;

  flex-wrap: wrap;
}

/* PRIMARY */
.raw-cta-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 20px 38px;

  border-radius: 18px;

  background:
  linear-gradient(90deg,#3b82f6,#8b5cf6);

  color: #fff;
  text-decoration: none;

  font-size: 16px;
  font-weight: 800;

  transition: 0.3s;

  box-shadow: 0 25px 60px rgba(59,130,246,0.3);
}

/* SECONDARY */
.raw-cta-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 20px 38px;

  border-radius: 18px;

  background: rgba(255,255,255,0.06);

  border: 1px solid rgba(255,255,255,0.1);

  backdrop-filter: blur(12px);

  color: #fff;
  text-decoration: none;

  font-size: 16px;
  font-weight: 800;

  transition: 0.3s;
}

/* HOVER */
.raw-cta-primary:hover,
.raw-cta-secondary:hover {
  transform: translateY(-5px);
}

/* MOBILE */
@media(max-width:991px){

  .raw-cta-section {
    padding: 100px 20px;
  }

  .raw-cta-content h2 {
    font-size: 48px;

    line-height: 1;
  }

  .raw-cta-content p {
    font-size: 16px;
  }

  .raw-cta-buttons {
    flex-direction: column;
  }

  .raw-cta-primary,
  .raw-cta-secondary {
    width: 100%;
  }

}/* End custom CSS */