/* style-override.css - Custom overrides */

:root {
  --iq-dark-bg: #0d1b2a; /* Dark navy background instead of black */
  --iq-primary: #f8d347; /* Gold-like accent color */
}

body {
  background-color: var(--iq-dark-bg) !important;
  color: #ffffff !important; /* Ensure text is readable */
}

#particles-js.body-bg {
  background-color: var(--iq-dark-bg) !important;
}

.light-bg {
  background-color: #13293d !important;
  color: #ffffff !important;
}

.heading-title .title,
.heading-title p,
.iq-banner-2 h1,
.iq-banner-2 h5 {
  color: #ffffff !important;
}

.button,
.button:hover {
  background-color: var(--iq-primary) !important;
  color: #000000 !important;
}

.iq-countdown #countdown li span,
.iq-countdown #countdown li p {
  color: #ffffff !important;
}
/* Box around image with yellow border */
.overview-block-ptb .container .row .col-lg-6 img[src="images/about/09.png" ] {
    border: 3px solid #1c5066; /* Uses your gold-like accent color */
    padding: 5px;
    box-shadow: 0 0 1px var(--iq-primary); /* Uses your gold-like accent color for the shadow */
    border-radius: 5px;
}

/* Box around image with blue border*/
.overview-block-ptb .container .row .col-lg-6 img[src="images/about/08.png" ] {
    border: 3px solid #1c5066; /* Uses your gold-like accent color */
    padding: 5px;
    box-shadow: 0 0 1px var(--iq-primary); /* Uses your gold-like accent color for the shadow */
    border-radius: 5px;
}

/* Box around image with blue border*/
.overview-block-ptb .container .row .col-lg-6 img[src="images/about/06.png" ] {
    border: 3px solid #1c5066; /* Uses your gold-like accent color */
    padding: 5px;
    box-shadow: 0 0 1px var(--iq-primary); /* Uses your gold-like accent color for the shadow */
    border-radius: 5px;
}