/*------------------------------------------------------------------------------------- 
Theme Name:		 Oraxis Child Theme
Template:		 oraxis
Version:		 1.0.0
-------------------------------------------------------------------------------------*/

/* ==========================================================================
   Classic Responsive Hierarchy (Override)
   ========================================================================== */

/* 1. الأحجام الأساسية (الشاشات الكبيرة / Desktop) */
body h1, body .h1 { font-size: 42px; line-height: 1.25; font-weight: 700; }
body h2, body .h2 { font-size: 32px; line-height: 1.3; font-weight: 700; }
body h3, body .h3 { font-size: 24px; line-height: 1.35; font-weight: 600; }
body h4, body .h4 { font-size: 20px; line-height: 1.4; font-weight: 600; }
body h5, body .h5 { font-size: 17px; line-height: 1.4; font-weight: 500; }
body h6, body .h6 { font-size: 15px; line-height: 1.4; font-weight: 500; }

/* 2. الأجهزة اللوحية (Tablets - أقل من 991px) */
@media (max-width: 991px) {
  body h1, body .h1 { font-size: 34px; }
  body h2, body .h2 { font-size: 26px; }
  body h3, body .h3 { font-size: 21px; }
  body h4, body .h4 { font-size: 18px; }
  body h5, body .h5 { font-size: 16px; }
  body h6, body .h6 { font-size: 14px; }
}

/* 3. الهواتف الذكية (Mobile - أقل من 575px) */
@media (max-width: 575px) {
  body h1, body .h1 { font-size: 28px; }
  body h2, body .h2 { font-size: 22px; }
  body h3, body .h3 { font-size: 19px; }
  body h4, body .h4 { font-size: 17px; }
  body h5, body .h5 { font-size: 15px; }
  body h6, body .h6 { font-size: 14px; }
}

/* ==========================================================================
   HEADER
   ========================================================================== */

.header-main .logo img {
  max-width: 280px;
}

.hero-2 .hero-content h1 {
  font-size: 80px !important;
}
@media (max-width: 1399px) {
  .hero-2 .hero-content h1 { font-size: 70px !important; }
}
@media (max-width: 1199px) {
  .hero-2 .hero-content h1 { font-size: 65px !important; }
}
@media (max-width: 991px) {
  .hero-2 .hero-content h1 { font-size: 50px !important; }
}
@media (max-width: 767px) {
  .hero-2 .hero-content h1 { font-size: 42px !important; }
}
@media (max-width: 575px) {
  .hero-2 .hero-content h1 { font-size: 44px !important; }
}

@media (max-width: 575px) {
  .header-main .logo img {max-width: 200px;}
  .offcanvas__logo img {max-width: 200px;}
  .hero-2 .text {bottom: 4%;}
}


/* ==========================================================================
   Services 
   ========================================================================== */

.service-items.style-2::before {top: 11%;}
@media (min-width: 992px) {
  .col-lg-3 {
  display: flex;
  margin-bottom: 50px;
  }
}
@media (min-width: 992px) {
  .col-lg-4 {
  display: flex;
  }
}




/* ==========================================================================
   Projects 
   ========================================================================== */
.portfolio-items .portfolio-image {max-width: 430px;}
.portfolio-wrapper.style-2 {padding: 0;}

.portfolio-items .portfolio-image .portfolio-content h3 {margin: 0 40px;
  text-align: center;}

.portfolio-items .portfolio-image .portfolio-content h3 a {margin: 0;}




/* ==========================================================================
   FAQs 
   ========================================================================== */

    .faq-wrapper .accordion-item .accordion-header .accordion-button {font-size: 22px;}
    .faq-wrapper .accordion-item .accordion-header .accordion-button::after {margin-left: 5px;}

@media (max-width: 575px) {
      .faq-wrapper .accordion-item .accordion-header .accordion-button {font-size: 18px;}
}



/* ==========================================================================
   CTA HOME BANNER 
   ========================================================================== */

.cta-banner-wrapper-2 .section-title-area {
  margin-left: 250px;
}

.cta-banner-wrapper-2 .section-title-area .section-title {
  margin-right: 20px;
}

.cta-banner-wrapper-2 .section-title-area .section-title h2 {
  font-size: 28px;
}

.cta-banner-wrapper-2 .section-title-area .theme-btn.bg-white {
  width: 40%;
}

@media (max-width: 575px) {
  .cta-banner-wrapper-2 .section-title-area {margin-left: 0 !important;}
  .cta-banner-wrapper-2 .section-title-area .section-title {
  margin-right: 0;}
  .cta-banner-wrapper-2 .section-title-area .section-title h2 {
  font-size: 20px;}
  .cta-banner-wrapper-2 .section-title-area .theme-btn.bg-white {
  width: 100%;}
}

@media (max-width: 991px) {
  .cta-banner-wrapper-2 .section-title-area {margin-left: 0 !important;}
  .cta-banner-wrapper-2 .section-title-area .section-title {
  margin-right: 0;}
  .cta-banner-wrapper-2 .section-title-area .section-title h2 {
  font-size: 20px;}
  .cta-banner-wrapper-2 .section-title-area .theme-btn.bg-white {
  width: 100%;}
}


/* ==========================================================================
   FOOTER
   ========================================================================== */

.footer-widgets-wrapper .single-footer-widget .footer-content .contact-info-area .contact-items .content h4 {font-size:16px;}


.col-xl-3.col-lg-4.ps-lg-5.col-md-6.wow.fadeInUp[data-wow-delay=".7s"] {
    display: none !important;
}

/* التمديد سيعمل فقط على الشاشات الكبيرة (الكمبيوتر) ولن يؤثر على الهاتف */
@media (min-width: 992px) {
    .footer-widgets-wrapper .row > div:not([style*="display: none"]),
    #footer .row > div:not([style*="display: none"]) {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}