/*
 Theme Name:   Hello Elementor Child
 Theme URI:    http://example.com/hello-elementor-child
 Description:  Hello Elementor Child Theme
 Author:       Your Name
 Author URI:   http://example.com
 Template:     hello-elementor
 Version:      1.0.0
*/

/* Importing the parent theme style.css */
@import url("../hello-elementor/style.css");

/* Custom CSS can go here */
.elementor-button .elementor-button-icon svg {
  width: 12px;
  fill: transparent !important;
}

.light-btn .elementor-button:hover .elementor-button-icon svg {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%)
    hue-rotate(93deg) brightness(103%) contrast(103%);
}
.darkbtn .elementor-button .elementor-button-icon svg {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%)
    hue-rotate(93deg) brightness(103%) contrast(103%);
}
.darkbtn .elementor-button:hover .elementor-button-icon svg {
  filter: none;
}

.header-btn
  .elementor-button
  .elementor-button-content-wrapper
  .elementor-button-icon
  svg {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%)
    hue-rotate(93deg) brightness(103%) contrast(103%);
}

.hero-banner:before {
  content: "" !important;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.6) 19.64%,
    rgba(0, 0, 0, 0) 84.63%
  ) !important;
}
span.sub-arrow svg {
  display: none;
}
.sub-menu {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
span.sub-arrow:before {
  content: "\e89e";
  font-family: "eicons";
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  transform: rotate(90deg);
}
.digipixel .elementor-icon-box-content h3.elementor-icon-box-title {
  margin: 0;
}
.sub-budge-heading:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #ddc19a;
  position: absolute;
  left: 0;
  top: 7px;
}
.sub-budge-heading-two:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #704a2e;
  position: absolute;
  left: 0;
  top: 7px;
}
.our-partners-slider img {
  margin-bottom: -6px;
}
.practice-area
  .e-n-tabs
  .e-n-tab-title[aria-selected="true"]
  .e-n-tab-title-text {
  font-size: 24px !important;
  line-height: 30px;
}
.our-partners-slider .swiper {
  overflow: visible !important;
}

.swiper-pagination-bullet {
  width: 43.5px !important;
  border-radius: 5px !important;
  height: 4px !important;
  opacity: 1 !important;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff !important;
}
.bullet-point-drk
  span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #4a1513 !important;
}
.counter-box .elementor-counter-number-wrapper {
  width: 100px !important;
  max-width: 120px;
}
.link-btn-dark
  .elementor-button:hover
  .elementor-button-content-wrapper
  .elementor-button-icon
  svg {
  filter: brightness(0) saturate(100%) invert(29%) sepia(38%) saturate(591%)
    hue-rotate(343deg) brightness(97%) contrast(94%);
}
.form-white label span {
  color: #ff3b30;
}
.form-white input::placeholder,
.form-white textarea::placeholder {
  color: #fff !important;
  opacity: 1 !important;
}
.form-white select,
.form-white select:focus {
  color: #fff !important;
  opacity: 1;
}

.elementor-form .elementor-button svg path {
  fill: transparent !important;
}
.form-white .select-caret-down-wrapper {
  background-image: url(https://htapartners.com.sg/wp-content/uploads/2026/11/Vector.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 10px;
  height: 10px;
  margin-right: 8px;
}
.form-white .elementor-select-wrapper .select-caret-down-wrapper svg {
  display: none;
}

.form-white .elementor-button:hover svg {
  filter: brightness(0) saturate(100%) invert(92%) sepia(100%) saturate(0%)
    hue-rotate(10deg) brightness(102%) contrast(102%);
}

.inner-page-banner:before {
  content: "" !important;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.6) 19.64%,
    rgba(0, 0, 0, 0) 84.63%
  );
}

@media only screen and (max-width: 768px) {
  div#wpadminbar {
    display: none;
  }
  .inner-page-banner:before {
    content: "" !important;
    background:
      linear-gradient(0deg, #ffffff00, #ffffff00),
      linear-gradient(0deg, rgba(0, 0, 0, 0.4) 34.08%, rgba(0, 0, 0, 0) 65.76%),
      linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 11.32%),
      linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) !important;
  }
  .hero-banner:before {
    content: "";
    background:
      linear-gradient(0deg, #ffffff00, #ffffff00),
      linear-gradient(0deg, rgba(0, 0, 0, 0.6) 34.08%, rgba(0, 0, 0, 0) 65.76%),
      linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 11.32%) !important;
  }
  .counter-box .elementor-counter-number-wrapper {
    width: 90px !important;
    max-width: 90px;
  }
}