.elementor-6906 .elementor-element.elementor-element-3a84038{--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;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6906 .elementor-element.elementor-element-c8ec1d0{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-6906 .elementor-element.elementor-element-c8ec1d0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:21px;font-weight:600;color:#000000;}.elementor-6906 .elementor-element.elementor-element-09a05a9{--display:flex;}.elementor-6906 .elementor-element.elementor-element-6a0508c.elementor-element{--align-self:stretch;}.elementor-6906 .elementor-element.elementor-element-6a0508c{border-style:solid;border-width:1px 1px 1px 1px;}@media(max-width:1024px){.elementor-6906 .elementor-element.elementor-element-6a0508c{border-radius:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-6906 .elementor-element.elementor-element-c8ec1d0 .elementor-heading-title{font-size:14px;}}/* Start custom CSS for heading, class: .elementor-element-c8ec1d0 *//* -----------------------------
   1. Roboto Font Setup (No Flicker)
------------------------------ */



/* -----------------------------
   2. Label Text Styling
------------------------------ */


/* -----------------------------
   3. Save Button Styling
------------------------------ */
.sarkari-save-btn {
  padding: 1px 1px;
  background-color: transparent;
  color: #0019FF;
  font-size: 20px;
  font-weight: 500;
  margin-top: 10px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.sarkari-save-btn:hover,
.sarkari-save-btn:focus,
.sarkari-save-btn.saved {
  background-color: transparent !important;
  color: #0019FF !important;
}

/* -----------------------------
   4. Shortcode Title Styling
------------------------------ */
.shortcode {
  font-size: 25px;
  font-weight: 500;
  color: #1a1a1a;
  margin: 1px 0;
  padding-bottom: 8px;
  border-bottom: 3px solid #005DFF;
  font-family: 'Segoe UI', sans-serif;
  line-height: 1.3;
  letter-spacing: 0.5px;
  text-transform: capitalize;
  text-align: center; /* ✅ Spelling corrected */
  word-break: break-word;
  transition: color 0.3s ease;
}


.shortcode:hover {
  color: #005DFF;
  cursor: pointer;
}

/* Responsive Design for Tablets */
@media (max-width: 768px) {
  .shortcode {
    font-size: 20px;
    padding-bottom: 6px;
  }
}

/* Responsive Design for Mobile Devices */
@media (max-width: 480px) {
  .shortcode {
    font-size: 15px;
    padding-bottom: 5px;
    margin: 15px 0;
  }
}

/* -----------------------------
   5. Elementor Section Styling (Container)
------------------------------ */
.elementor-element-9e69ee2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  padding: 0px;
  margin-bottom: 1px;
  box-sizing: border-box;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Responsive padding */
@media (max-width: 768px) {
  .elementor-element-9e69ee2 {
    padding: 15px;
    border-radius: 8px;
  }
}

/* -----------------------------
   6. Post Content Area Styling
------------------------------ */
#site-content.elementor-element-9ddae94 {
  font-family: 'Roboto', Arial, sans-serif;
  color: #222;
  line-height: 1.7;
  padding: 0 1px;
  box-sizing: border-box;
  transition: all 0.3s ease;
}

#site-content.elementor-element-9ddae94 h1,
#site-content.elementor-element-9ddae94 h2,
#site-content.elementor-element-9ddae94 h3 {
  font-weight: 500;
  color: #ffffff;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

#site-content.elementor-element-9ddae94 p {
  margin-bottom: 1.5em;
}

/* -----------------------------
   7. Shortcode Block (LCP & CLS Fix)
------------------------------ */
.elementor-shortcode {
  min-height: 20px; /* Reserve space for faster render */
  display: block;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a84038 */.elementor-6906 .elementor-element.elementor-element-3a84038 {
    width: 1065px !important;
    max-width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6a0508c *//* 🔵 Desktop Styles - Default */
.heading h1,
.heading h2,
.heading h3,
.heading h4,
.heading h5,
.heading h6 {
  font-size: 18px;
  font-weight: 500;
  margin: 0 !important;
  line-height: 1.3;
  color: white;
  background-image: linear-gradient(90deg, #0019FF, #005DFF, #00CFFF);
  border: 1px solid #000;
  padding: 11px;
  text-align: center;
  transition: background-image 0.3s ease;
  min-height: 10px;
  display: block;
}

/* 🔴 Red Highlight Span */
.heading .red-highlight {
  background-color: red;
}

/* 📱 Mobile View Styles - Screen ≤ 768px */
@media screen and (max-width: 768px) {
  .heading h1,
  .heading h2,
  .heading h3,
  .heading h4,
  .heading h5,
  .heading h6 {
    font-size: 13px; /* ✅ Increased from 11px */
    font-weight: 500;
    margin: 0 !important;
    line-height: 1.2;
    color: white;
    background-image: linear-gradient(90deg, #0019FF, #005DFF, #00CFFF);
    border: 1px solid #000;
    padding: 11px;
    text-align: center;
    transition: background-image 0.3s ease;
    min-height: 10px;
    display: block;
  }

  .heading .red-highlight {
    background-color: red;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09a05a9 */.elementor-6906 .elementor-element.elementor-element-09a05a9 {
    width: 1065px !important;
    max-width: 100% !important;
}/* End custom CSS */