/*
Theme Name: OrbitBrain SONA
Theme URI: https://orbitbrain.com/
Author: orbitbrain
Author URI: https://orbitbrain.com/
Description: Orbit Brain Professional Web Development, Design & SEO Services Figma/PSD to WordPress, Elementor/Divi/WPBakery, HTML CSS JS custom themes, Laravel Shopify speed optimization and secure hosting setup.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-theme, blog
Text Domain: orbitbrain-sona-theme
*/

/* Baaki CSS code yahan aayega */
body {
    background-color: #f0f0f0;
    font-family: Arial, sans-serif;
    color: #919191 !important;
}

h1 {
    color: #333;
}
.block-27 nav {
  padding: 0;
  margin: 0;
  display: block;
}
.block-27 nav div span {
  display: inline-block;
  margin-bottom: 4px;
  font-weight: 400;
}
.block-27 nav div span, .block-27 nav div a {
  color: #d291bc;
  text-align: center;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
}
.block-27 nav div .current {
  background: #d291bc !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}
.block-27 ul li .current {
  background: #d291bc !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}

        /* ----------------------------------------------------------------
   1. Hero Header area BACKGROUND IMAGE FIX (CUT OFF ISSUE)
   ---------------------------------------------------------------- */
.hero-wrap {
    /* Ensure the background image covers the entire container and is centered */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; /* 🔥 This is the main fix for scaling */
    position: relative;
}

/* ----------------------------------------------------------------
   2. MOBILE FONT SIZE FIX (TEXT TOO BIG ISSUE)
   ---------------------------------------------------------------- */

/* Target devices smaller than 768px (standard mobile size) */
@media (max-width: 768px) {
    /* Hero Title (h1.mb-3.bread) ko chota karein */
    .hero-wrap .col-md-9 h1.bread {
        font-size: 2.5rem; /* Ya koi bhi chota size jo aapko pasand ho */
        margin-bottom: 0.5rem !important; /* Margin kam karein */
    }

    /* Breadcrumbs (p.breadcrumbs) ko chota karein */
    .hero-wrap .col-md-9 p.breadcrumbs {
        font-size: 0.8rem;
    }

    /* Padding adjust karein agar zaroori ho */
    .hero-wrap .container {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .js-fullheight {
    height: 325px !important;
}
.hero-wrap .slider-text h1 {
  font-size: 20px !important;
  color: #000;
  font-weight: 200;
}
.hero-wrap .slider-text .mb-type {
  width: 250px !important;
}
.hero-wrap .slider-text h2 {
  font-weight: 200;
  font-size: 16px !important;
  margin-bottom: 1.5rem !important;
}
.hero-wrap .slider-text .btn-primary {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding: 5px !important;
}
.do-list li {
  list-style: none;
  font-size: 15px !important;
  font-weight: 300;
}

.ftco-intro {
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: 80px 100% !important;
  padding-bottom: 180px !important;
}

}

 /* ----------------------------------------------------------------
   1. Hero Header area end
   ---------------------------------------------------------------- */