/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Custom WordPress child theme developed for Astra.
Author: Sunil Kumar
Author URI: https://techsunil.in/
Version: 1.0.0
Template: astra
Text Domain: astra-child

Developed by: Sunil Kumar
Role: Senior WordPress Developer
Website: https://techsunil.in/
LinkedIn: https://www.linkedin.com/in/sunilkumar54/
*/

/* =========================================
   Astra Child Theme Custom Styles
   ========================================= */

/* =========================================
   1. Base & Dark Mode Toggle
   ========================================= */
#darkModeImg {
    display: none;
}

#darkToggle {
    cursor: pointer;
}

/* Light Mode Global SVG Logo */
.wickylogo {
    fill: #333333;
}

/* =========================================
   2. Dark Mode Global Variables & Body
   ========================================= */


/* =========================================
   3. Dark Mode Typography & Icons
   ========================================= */
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark i {
    color: #ffffff;
}



body.dark .elementor-widget-text-editor {
    color: #e8ecf1 !important;
}

body.dark .wickylogo {
    fill: #ffffff;
}

body.dark #darkToggle .elementor-icon {
    color: #fff !important;
}

body.dark #darkToggle .elementor-icon svg {
    fill: #fff !important;
}

/* Logo Dark Mode Inversion */
body.dark .elementor-element-2916230 img {
    filter: brightness(0) invert(1) contrast(1.1) !important;
}

/* =========================================
   4. Header & Navigation
   ========================================= */
body.dark .headerbg {
    background-color: #0F1622 !important;
}

body.dark .elementor-element-3bad5375 {
    background-color: #0f1622f0 !important; /* Slightly transparent header */
}

body.dark .elementor-nav-menu--main .elementor-item {
    color: #fff !important;
}


/*home page section*/


/*this is for all jut on every heading top tex*/




/*All city pages drak mode comon css*/



body.dark .city-section-1 {
    background-color: #16202f !important;
    border-bottom: 1px solid #2c3c55 !important;
}


body.dark .city-list-banner-1 span.elementor-icon-list-text{
color:#fff !important;
}


/*city-section-2*/

body.dark .city-section-2 {
background-color: #0f1622 !important;

}

body.dark .city-all-section-h2 h2,
body.dark .city-all-section-h2 h3
{
color:  #e8ecf1 !important;
}

/*city-section-3*/

body.dark .city-section-3 {
background-color: #131c2b !important;

}

body.dark .city-sec-3-rl {
    background: #16202f !important;
    border: 1px solid #2c3c55 !important;
    border-radius: 12px;

}

/*city-section-4*/

body.dark .city-section-4 {
    background-color: #0f1622 !important;
}

body.dark .city-sec-4-cl {
    background-color: #16202f !important;
}

body.dark .city-text-list-4 h3.elementor-image-box-title,
body.dark .city-text-list-4 p.elementor-image-box-description
{
    color: #e8ecf1 !important;
}


/*city-section-5*/

body.dark .city-section-5 {
background-color: #131b29 !important;
}


body.dark .city-section5-rc {
background-color: #131b29 !important;
}


/*city-section-6*/

body.dark .city-section-6 {
background-color: #0f1622 !important;
}

body.dark .city-sec-6-left-cl {
    background: #16202f !important;
    border: 1px solid #2c3c55 !important;
    border-radius: 12px !important;
}

body.dark .city-se-5-left-btn a.elementor-button.elementor-button-link.elementor-size-sm{
    color: #a3b4c4 !important;
    border: 1px solid #2c3c55 !important;
    background: #0f1622 !important;

}


/*city-section-7*/

body.dark  .iconbox,
body.dark .city-sec-7-rcol {
background: #16202f !important;
border: 1px solid #2c3c55 !important;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25) !important;
}

body.dark .iconbox h3.elementor-icon-box-title,
body.dark .iconbox p.elementor-icon-box-description
{
color:#e8ecf1 !important;
}


body.dark .city-sec-7-rcol h3.elementor-icon-box-title,
body.dark .city-sec-7-rcol p.elementor-icon-box-description
{
color:#e8ecf1 !important;
}


/*last button*/

body.dark .my-btn-services a.elementor-button.elementor-button-link.elementor-size-sm.elementor-animation-sink {
    color: #e8ecf1 !important;
}

/* Hover state */
body.dark .my-btn-services a.elementor-button.elementor-button-link.elementor-size-sm.elementor-animation-sink:hover {
    color: #000000 !important;
}

body.dark .city-section-8 {
background-color: #121a27 !important;
}



/*Accordion at the last*/

body.dark .city-section-last-acordian > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title {
background-color: #16202f !important;
color: #e8ecf1 !important;
}

/* Accordion content */
body.dark .city-section-last-acordian .e-n-accordion-item > .e-con {
    background-color: #16202f !important;
    border: none !important;
}

/* Accordion icons */
body.dark .city-section-last-acordian .e-n-accordion-item-title-icon span > svg {
    fill: #e8ecf1 !important;
}



/*Here is all product pages css */





/* Hero section*/
body.dark .product-hero-1
{
    background-color: #0f1622 !important;
}

body.dark .product-hero-list h3.elementor-image-box-title
{
color:#fff !important;
}


/* second section*/
body.dark .product-section-2
{
    background-color: #141c2a !important;
}


/* 3rd section*/
body.dark .product-section-3
{
    background-color: #0f1622 !important;
}


body.dark .icon-textcl h3.elementor-icon-box-title,
body.dark .icon-textcl p.elementor-icon-box-description{
color:#a3b4c4 !important;
}

/*4th section*/
body.dark .product-section-4
{
    background-color: #131c2b !important;
}

body.dark .fourth-sec-product-cl
{
background-color:  #16202f !important;
}

body.dark .product-4th-list span.elementor-icon-list-text
{
color:#e8ecf1 !important;
}

body.dark .se-4-heading h2{
    color:#dfaf5e !important;
}


body.dark .icon-textcl span.elementor-icon-list-text
{
color:#e8ecf1 !important;
}

/*5th section*/
body.dark .product-section-5
{
    background-color: #131b29 !important;
}


/*How it work section-6*/
body.dark .section-3-home
{
    background-color: #0f1622 !important;
} 

body.dark .se-3-heading h2,
body.dark .se-3-heading h1{
    color: #fff !important;
}
/*colmon of section-3-home*/

body.dark  .iconbox,
body.dark .sec-3-col-r .elementor-widget-icon-box
{
    background-color: #0f1622 !important;
} 


body.dark .iconbox .elementor-icon-box-title,
body.dark .iconbox .elementor-icon-box-title span,
body.dark .sec-3-col-r .elementor-icon-box-description {
    color: #e8ecf1 !important;
}


body.dark .sec-3-col-r .elementor-icon-box-title,
body.dark .sec-3-col-r .elementor-icon-box-title span,
body.dark .sec-3-col-r .elementor-icon-box-description {
    color: #e8ecf1 !important;
}


/*How it work section-7*/
body.dark .product-section-7
{
    background-color: #0f1622 !important;
}