/**
Theme Name: Hilco Industrial
Author: Asad Chaudhary
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* Apply a box-sizing border-box model to all elements */
option.level-0:nth-child(1) {
  display: none !important;
}
.menu-item-58612:hover {
  background-color: #e9e9e9;
}
* {
  box-sizing: border-box;
}

p {
  margin: 0 !important;
}

.hsc_SignUpFrom_Wrap h2 {
  color: #fff;
  padding-bottom: 20px;
  font-weight: 500 !important;
}

#hscSignUpFrom input {
  background-color: transparent;
  color: #fff;
  padding: 7px 20px;
  border-radius: 50px;
  width: 180px;
  font-weight: 400 !important;
}

#hscSignUpFrom input:focus {
  background-color: transparent !important;
  border-color: #fff !important;
}

#hscSignUpFrom input#email {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 210px;
}

#hscSignUpFrom input::placeholder {
  color: #fff;
  font-weight: 400 !important;
}

.signUpForm_wrap {
  display: flex;
  justify-content: space-between;
}

.form-group {
  display: flex;
  gap: 15px;
}

.signUpForm_wrap .hse_btn_wrapper {
  width: 100%;
}

.signUpForm_wrap button.hse_btn {
  width: 135px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 12px 20px !important;
  border: 1px solid var(--clr-prim-h);
  margin-left: -5px;
}

.error-message {
  color: #000000;
  font-size: 12px;
  position: absolute;
  bottom: -27px;
  left: 26px;
}

.hsc-responce-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 88%);
  z-index: 9999;
  /* blur */
  backdrop-filter: blur(2px);
}

.hsc-responce-popup .popup-content {
  background-color: white;
  max-width: 700px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 60px;
  border-radius: 20px;
  position: relative;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.hsc-responce-popup #popup-text {
  text-align: center;
}

div#popup-text img {
  width: 77px;
  padding-bottom: 20px;
}

.success-title {
  font-size: 22px;
  padding-bottom: 15px;
  color: #065499;
}

.hsc-responce-popup .close {
  position: absolute;
  top: 12px;
  right: 19px;
  cursor: pointer;
  color: #8e8e8e;
}

.dvst-home-subscriber .hsc_SignUpFrom_Wrap h2 {
  display: none !important;
}

.dvst-home-subscriber #hscSignUpFrom input,
.dvst-home-subscriber #hscSignUpFrom input::placeholder {
  color: #000000 !important;
  border-radius: 15px !important;
  border-color: #000000 !important;
}

.dvst-home-subscriber .signUpForm_wrap {
  display: block;
}

.dvst-home-subscriber .signUpForm_wrap .hse_btn_wrapper {
  text-align: center;
  padding-top: 30px;
  justify-content: center;
}

.dvst-home-subscriber .signUpForm_wrap button {
  border: 1px solid #005398;
}

.dvst-home-subscriber .signUpForm_wrap button:hover {
  border-color: #005398;
  color: #005398;
  background-color: #fff;
}

.dvst-home-subscriber .signUpForm_wrap button.hse_btn {
  border-radius: 50px !important;
  padding: 17px 20px !important;
  width: 150px;
}

.dvst-home-subscriber #hscSignUpFrom input#email {
  border-radius: 15px !important;
  width: 300px;
}

.sales-event {
  position: relative;
  height: 280px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 20px;
  border-radius: 25px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sales-event::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.sales-event:hover::before {
  opacity: 1;
  background-color: #06559acf;
}

.sales-event-content {
  position: relative;
  z-index: 2;
}

.sales-event-content p,
.sales-event-content a {
  color: #fff;
  display: none;
  font-size: 18px;
  text-align: center;
}

.sales-event:hover .sales-event-content p,
.sales-event:hover .sales-event-content a {
  display: block;
}

.salesevents-wrap .title h2 {
  color: #000000;
  font-size: 22px;
  font-weight: 500;
  padding-bottom: 20px;
  text-align: center;
  padding-top: 15px;
}

.sales-envents-wrapper .custom-arrow.next-arrow {
  right: -30px !important;
  font-size: 26px;
  top: 25% !important;
}

.sales-envents-wrapper .custom-arrow.prev-arrow {
  left: -30px !important;
  font-size: 26px;
  top: 25% !important;
}

select.ff-el-form-control:not([size]):not([multiple]) {
  height: 50px !important;
  width: 400px !important;
  font-weight: 400;
}
textarea#ff_4_2_message {
  font-weight: 400;
}
.frm-fluent-form input,
.frm-fluent-form select,
.frm-fluent-form textarea {
  background-color: transparent;
  border: none !important;
  border-bottom: 1px solid #c2c2c2 !important;
  border-radius: 0 !important;
}

.frm-fluent-form textarea {
  border: 1px solid #c2c2c2 !important;
}
.ff_submit_btn_wrapper button {
  border-radius: 50px !important;
  padding: 12px 20px !important;
  background-color: #065499 !important;
  color: #fff !important;
  border: 1px solid #065499 !important;
  font-weight: 400 !important;
  width: 150px !important;
  margin-top: 20px;
  box-shadow: -6px 7px 10px 0px rgba(0, 0, 0, 0.22);
}

.ff_submit_btn_wrapper button:hover {
  background-color: #fff !important;
  color: #065499 !important;
}
.searchandfilter li {
  padding-right: 0 !important;
}
.searchandfilter li,
.searchandfilter ul {
  margin: 0 !important;
}
form.searchandfilter {
  display: none;
  background-color: #ffffff;
  padding: 10px;
  /* 	border-radius: 10px; */
  /* 	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
}
.dvst-searchicon {
  cursor: pointer;
}

form.searchandfilter input[type="text"] {
  height: 54px;
  width: 100%;
  border-radius: 50px;
  padding-left: 30px;
}

form.searchandfilter .form-wrap {
  width: 40%;
  margin: 0px auto;
  padding: 20px 0;
}

.searchandfilter input[type="submit"] {
  border-radius: unset !important;
}
#hsc-search-results a {
  color: #000 !important;
  font-size: 16px;
  font-weight: 400;
}
#hsc-search-results a:hover {
  color: #065499 !important;
  text-decoration: underline;
}
div#hsc-search-results {
  padding-top: 10px;
  padding-left: 28px;
}

#hsc-search-results ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
}
.dvst-searchicon-close .elementor-icon {
  display: none;
}

/* Our Team Pages css */
.hsc-team-wraper {
  padding: 80px 10px;
  text-align: center;
}
.team-title h2 {
  font-size: 35px;
  padding-bottom: 20px;
}

.team-title p.sub-title {
  width: 700px;
  font-size: 18px;
}
.team-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 80px;
}
.hsc-team-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}
.member-image {
  width: 40%;
}

.member-info {
  width: 60%;
}

.member-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.team-member {
  width: 31%;
  display: flex;
  text-align: start;
  gap: 20px;
}
.member-info h3,
.bio-content-info h3 {
  color: #000000;
  font-size: 18px;
}
.member-info p.sub-title,
.bio-content-info span.sub-title {
  color: #000;
  font-weight: 600 !important;
  padding-bottom: 20px;
}

.member-bio {
  width: 100%;
  display: none;
  padding: 20px;
  box-sizing: border-box;
  border-top: 1px solid #858484;
  border-bottom: 1px solid #858484;
  text-align: start;
  margin: 40px 0;
}

.bio-content-wrap {
  display: flex;
  text-align: start;
  gap: 20px;
  position: relative;
}
.member-details {
  margin: 15px 0;
}

.bio-content-image {
  width: 30%;
}
.bio-content-info {
  width: 70%;
}

.bio-content-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 15px;
}
svg.close-bio {
  position: absolute;
  right: 0;
}
.team-social-links {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}
.team-social-links a {
  border-radius: 50%;
  background-color: #8080806e;
  margin: 5px;
  color: #515151;
  text-decoration: none;
  transition: background-color 0.3s;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
a.view-bio-link {
  color: #02569b;
}

/* Blog article Archive page css  */
.hsc-blog-post-wrapper .post-pair {
  display: flex;
  gap: 40px;
  align-items: center;
  margin-bottom: 50px;
}

.post-pair-content {
  width: 75%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
}

.hsc-blog-post-wrapper .post-image {
  width: 25%;
}
.post-pair-content h2.post-title {
  font-size: 20px;
}
a.hse_btn.view-more-btn {
  background-color: var(--clr-prim-h);
  color: var(--clr-prim-d);
  border-radius: 33px;
  border: 1px solid var(--clr-prim-h);
  padding: 10px;
  width: 150px;
  text-align: center;
  box-shadow: -6px 7px 10px 0px rgba(0, 0, 0, 0.22);
}
.post-pair-content .post-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.post-pair-content span.post-author {
  text-transform: uppercase;
  padding-top: 25px;
  font-weight: 700;
}
.post-pair-content span.post-category {
  color: #858484;
  text-transform: uppercase;
}
.hsc-blog-post-wrapper .post-image img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 10px;
}
.post-pair.reverse-row {
  flex-direction: row-reverse;
}
.hsc-blog-subscriber {
  background-color: #1fb5e8;
  text-align: center;
  padding: 20px;
  margin-bottom: 50px;
  width: calc(100vw - 20px);
  margin-left: calc(-50vw + 50% + 10px);
}

.hsc-blog-subscriber .signUpForm_wrap .hse_btn_wrapper {
  width: unset !important;
}
.hsc-blog-subscriber .signUpForm_wrap {
  justify-content: center;
}

h2.press-release-title {
  font-size: 20px;
}

/* Container for the tabs */
.custom-tabs {
  display: flex;
  margin-bottom: 20px;
  justify-content: center;
  gap: 20px;
}

/* Individual tab */
.custom-tab {
  color: #d0cbcb;
  font-size: 30px;
  font-weight: bold;
  cursor: pointer;
  border-bottom: none;
  margin-bottom: 30px;
  transition: background-color 0.3s ease;
}

/* Active tab */
.custom-tab.custom-active {
  color: #0073aa;
}

/* Tab content wrapper */
.custom-equipment-wrapper,
.custom-brochure-wrapper {
  display: none;
}

/* Show the active tab content */
.custom-equipment-wrapper.custom-active,
.custom-brochure-wrapper.custom-active {
  display: block;
}

.brochure-wrapper {
  display: flex;
  gap: 30px;
  align-items: center;
}

.brochure-image {
  width: 50%;
  background-color: #d6d5d5;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 500px;
}

.brochure-content {
  width: 50%;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 3px;
  width: 100%;
  height: auto;
}

.grid-item {
  background-color: #ccc;
  display: block;
}

.grid-item.large {
  grid-column: span 2;
  grid-row: span 2;
}

.grid-item.small {
  grid-column: span 1;
  grid-row: span 1;
}

.grid-item.medium {
  grid-column: span 1;
  grid-row: span 2;
}

.grid-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ique-tab::after {
  /* content: "/"; */
  margin-left: 10px;
}
.brochure-download {
  display: flex;
  margin-top: 30px;
}
.brochure-download a.button.button-primary {
  border-radius: 50px;
  padding: 15px 40px;
  border: 1px solid #005398;
}
.brochure-download a.button.button-primary:hover {
  background-color: transparent;
  color: #000;
  border-color: #005398;
}

/* Case Studies css */

.case-studies-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
}

.case-studies-container .case-study {
  width: 48%;
  display: flex;
  align-items: start;
  gap: 20px;
}

.case-study-image {
  width: 40%;
  height: 210px;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
}

.case-study-info {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 210px;
}
.case-study-info h3 a {
  font-size: 20px;
  font-weight: 700;
}

.case-study-info h3,
.case-study-info p {
  padding-bottom: 15px;
}

.case-study-info .view-more-btn {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: var(--e-global-color-primary);
  padding: 12px 25px;
  background-color: var(--e-global-color-primary);
  color: #fff;
  border-radius: 3rem;
  width: 160px;
  text-align: center;
}

/* Style for the disabled submit button across multiple form IDs */
#fluentform_3 button[type="submit"]:disabled,
#fluentform_4 button[type="submit"]:disabled,
#fluentform_1 button[type="submit"]:disabled {
  background-color: #cccccc !important; /* Gray background for disabled state */
  color: #666666 !important; /* Dark gray text color for disabled state */
  cursor: not-allowed !important; /* Cursor to indicate the button is not clickable */
  border-color: #cccccc !important; /* Gray border for disabled state */
}

/* Style for the enabled submit button across multiple form IDs */
#fluentform_3 button[type="submit"]:not(:disabled),
#fluentform_4 button[type="submit"]:not(:disabled),
#fluentform_1 button[type="submit"]:not(:disabled) {
  background-color: #4caf50; /* Green background for active state */
  color: white; /* White text color for active state */
  cursor: pointer; /* Pointer cursor when the button is clickable */
}

/* Hover effect for enabled submit button */
#fluentform_3 button[type="submit"]:not(:disabled):hover,
#fluentform_4 button[type="submit"]:not(:disabled):hover,
#fluentform_1 button[type="submit"]:not(:disabled):hover {
  background-color: #45a045; /* Slightly darker green for hover state */
}


/* Password form css */

.custom-password-form-bg {
  padding-top: 50px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-password-form-center {
  background: #fff;
  padding: 40px 30px 30px 30px;
  border-radius: 12px;
  box-shadow: 0 4px 32px rgba(0,0,0,0.08);
  max-width: 400px;
  width: 100%;
  text-align: center;
}
.custom-password-form-center input[type="password"] {
  width: 100%;
  padding: 12px;
  margin: 16px 0;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 1.1em;
}
.custom-password-form-center input[type="submit"] {
  background: #0073aa;
  color: #fff;
  border: none;
  padding: 12px 32px;
  border-radius: 6px;
  font-size: 1.1em;
  cursor: pointer;
  transition: background 0.2s;
}
.custom-password-form-center input[type="submit"]:hover {
  background: #005177;
}

/* Password form css end */




/* media query above 992 screen */
@media screen and (max-width: 992px) {
  .signUpForm_wrap {
    display: block;
  }

  #hscSignUpFrom input#email,
  .signUpForm_wrap button.hse_btn {
    border-radius: 50px !important;
  }

  .hse_btn_wrapper {
    margin-top: 20px;
  }

  .signUpForm_wrap .hse_btn_wrapper {
    justify-content: start;
  }

  .sales-envents-wrapper .custom-arrow.next-arrow {
    right: -20px !important;
  }

  .sales-envents-wrapper .custom-arrow.prev-arrow {
    left: -20px !important;
  }
  .team-member {
    width: 48%;
  }
  .bio-content-wrap {
    align-items: start;
  }
}

/* Responsive styles for smaller screens */
@media screen and (max-width: 768px) {
  .form-group {
    flex-wrap: wrap;
    width: 100%;
  }
  .hsc-blog-post-wrapper .post-pair {
    display: inline;
  }
  .hsc-blog-post-wrapper .post-image,
  .post-pair-content {
    width: 100%;
  }
  .hsc-blog-post-wrapper .post-image img {
    height: 200px;
  }
  .form-group .input-container {
    width: 46%;
  }

  #hscSignUpFrom input,
  #hscSignUpFrom input#email,
  .signUpForm_wrap button.hse_btn {
    width: 100%;
  }

  .sales-envents-wrapper .custom-arrow.next-arrow {
    right: -10px !important;
  }

  .sales-envents-wrapper .custom-arrow.prev-arrow {
    left: -10px !important;
  }
  .team-title p.sub-title {
    width: 100%;
  }
  .team-member {
    width: 32%;
    flex-direction: column;
  }
  .hsc-team-wrap {
    align-items: start;
    gap: 10px;
  }
  .member-info p.sub-title {
    padding-bottom: 7px;
  }
  .member-image {
    width: 100%;
  }
  .team-title h2 {
    font-size: 25px;
    padding-bottom: 16px;
  }

  .hsc-team-wraper {
    padding: 20px 5px;
    text-align: center;
  }
  .custom-tab {
    font-size: 20px;
  }

  .case-studies-container .case-study {
    width: 100%;
    flex-direction: column;
  }
  .case-study-image,
  .case-study-info {
    width: 100%;
  }
}

@media screen and (max-width: 560px) {
  .team-member {
    width: 100%;
    flex-direction: row;
  }
  .member-image {
    width: 40%;
  }
  .hsc-team-wrap {
    gap: 20px;
  }
}

.ast-container {
  display: block !important;
}