:root {
  --color-ts-blue: #17AFDF;
	--color-ts-orange: #F39E1B;
	--color-ts-green: #2b6205;
	--color-ts-white: #FFFFFF;
  --ts-banner-overlay: rgba(23, 175, 222, 0.6);
  --ts-banner-text: #26243c;
  --ts-footer-cp: var(--color-ts-orange);
  --ts-banner-bg: url("../images/technology-growth2.jpg");
  --ts-about-image: url("../images/bic_garment_industry4.jpeg");
  --ts-stats-bg: url("../images/technology-growth.jpg");
  --ts-whyus-image: url("../images/industry4.jpg");
}

:root {
    --primary-color: var(--color-ts-blue);
    --secondary-color: var(--color-ts-orange);
    --font-color: #444444;
    --card-bg-color: rgb(255, 255, 255, 0.5);
    --bg-overlay-color: rgb(255, 255, 255, 0.8);
    --heading-color: #404044;
    --footer-color: #f7f7f7;
    --footer-cpy-color: #040a17;
    --border-radius: 6px;
    --border-radius-full: 15px;
    --border-color-light: #eee;
    --iframe-filter: grayscale(0%);
    --bg-grey: #f9f9f9;
    --bg-light: #fbfbfb;
    --bg-dark-color: #fff;
    --disable-color: #d8d6d6;
    --box-shadow-color: rgb(0 0 0 / 10%);
    --border-color: #eee;
    --heading-color-2: #fff;
    --search-shadow: rgb(0 0 0 / 5%);
    --box-shadow-blog: rgb(0 0 0 / 7%);
    --bg-layer-color: rgb(0 0 0 / 0%);
    --bg-layer-color-2: rgb(0 0 0 / 44%);
    --box-shadow-map: rgb(0 0 0 / 6%);
    --box-shadow-color-2: rgb(0 0 0 / 8%);
    --box-shadow-color-3: rgb(0 0 0 / 41%);
  }
  
  [data-theme="dark"] {
    --primary-color: var(--color-ts-blue);
    --secondary-color: var(--color-ts-orange);
    --font-color: #b7b7b7;
    --card-bg-color: rgb(38, 36, 60, 0.5);
    --bg-overlay-color: rgb(38, 36, 60, 0.7);
    --heading-color: #fdfffc;
    --footer-color: #0e0e0e;
    --footer-cpy-color: #060606;
    --border-color-light: rgba(255, 255, 255, 0.2);
    --iframe-filter: grayscale(100%);
    --bg-grey: #1a192a;
    --bg-light: #26243c;
    --bg-dark-color: #27282b;
    --footer-sub-color: #b7b7b7;
    --disable-color: #5d5d5d;
    --border-color: rgba(255, 255, 255, 0.1);
    --box-shadow-color: rgb(14 13 13);
    --heading-color-2: #060606;
    --search-shadow: rgb(6 8 8);
    --box-shadow-blog: rgb(21 16 16);
    --bg-layer-color: rgb(0 0 0 / 44%);
    --bg-layer-color-2: rgb(0 0 0 / 64%);
    --box-shadow-map: rgb(18 12 12);
    --box-shadow-color-2: rgb(16 9 9);
    --box-shadow-color-3: rgb(6 4 4);
  }


.w3l-banner p {
    font-size: x-large;
    font-weight: bold;
}

.about-img{
  content: var(--ts-about-image);
}

.whyus-img{
  content: var(--ts-whyus-image);
}

.w3l-whychooseus {
  background: var(--ts-whyus-image) no-repeat center;
  -ms-background-size: cover;
  background-size: cover;
  z-index: 0;
  position: relative;
  display: grid;
  align-items: center;
  background-size: cover;
}

.w3l-whychooseus:before {
  content: "";
  background: var(--bg-overlay-color);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.w3l-whychooseus {
  position: relative;
}

.ts-whyus-info {
  background: var(--card-bg-color);
}

.stats_info h3 {
  color: var(--heading-color);
}

p.counter {
  color: var(--heading-color);
}

.about-icon i {
  font-size: 70px;
}

.about-icon {
  text-align: center;
}