/*
 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");

:root {
  --color1: #d84418;
  --color2: #292c2d;
  --color3: #0f172a;
  --color4: #fff;
}

/* Custom CSS can go here */

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1092px !important;
  }
}

label {
  width: 100%;
}

a {
  text-decoration: none !important;
}

/* button start */
.elementor-button {
  transition: all 0.3s ease;
}

.animated-btn .elementor-button:hover {
  transform: translateY(-2px);
  box-shadow: 0px 3px 10px #0000001a;
}

.normal-btn .elementor-button:hover {
  transform: translateY(0px) !important;
  box-shadow: none !important;
}

.elementor-button img {
  margin-right: 10px;
}

.hfe-search-form__container input {
  padding: 10px 15px !important;
}

.hfe-search-form__container .hfe-search-submit {
  width: auto;
  padding: 5px 15px !important;
  border-radius: 0;
  position: absolute;
  right: 10px;
  top: 6px;
  font-size: 13px !important;
}

.hfe-search-form__container .hfe-search-submit::after {
  content: "SEARCH";
}

.hfe-search-form__container .hfe-search-submit i {
  display: none !important;
}

/* button end */

/* home slider bg gradient start */
.hero-banner .carousel-item {
  position: relative !important;
  overflow: hidden !important;
  /* min-height: 50vh; */
  padding: 74px 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.hero-banner .carousel-item::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  /* background: linear-gradient(90deg, #1E293B80 0%, #1E293B40 40%, #1E293B00 70%) !important; */
  background: linear-gradient(
    90deg,
    #1e293b 0%,
    #1e293b8a 40%,
    #1e293b00 70%
  ) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.hero-banner .carousel-item .col-md-10 {
  position: relative !important;
  z-index: 2 !important;
}

.hero-banner .carousel-item .col-md-10 h3 {
  text-align: left;
  font: normal normal bold 56px/60px Inter;
  letter-spacing: 0px;
  color: var(--color4);
  opacity: 1;
}

.hero-banner .carousel-item .col-lg-5 h4 {
  text-align: left;
  font: normal normal bold 30px/38px Inter;
  letter-spacing: 0px;
  color: var(--color4);
  opacity: 1;
}

.hero-banner .carousel-item .col-md-10 p {
  text-align: left;
  font: normal normal normal 20px/30px Inter;
  letter-spacing: 0px;
  color: #f4f4ff;
  opacity: 1;
}

.hero-banner .carousel-item .col-lg-5 p {
  font: normal normal normal 17px/30px Inter;
}

.hero-banner .carousel-item .col-md-10 .theme-btn-custom2 {
  background: var(--color4);
  color: var(--color3);
}

.hero-banner .carousel-indicators button {
  width: 10px !important;
  height: 10px !important;
  background: #ffffff 0% 0% no-repeat padding-box;
  opacity: 0.4;
  border-radius: 50%;
  border: 0;
  margin: 5px;
}

.hero-banner .carousel-indicators button.active {
  background: var(--color1);
  opacity: 1;
}

.hero-banner #demo {
  padding: 70px 0;
}

.hero-banner .carousel-control-prev,
.hero-banner .carousel-control-next {
  width: 50px;
  height: 50px;
  background: transparent !important;
  border-radius: 50%;
  opacity: 1;
  color: var(--color1);
  border: 0 !important;
  font-size: 20px;
  padding: 0;
  top: 44%;
}

/* home slider bg gradient end*/

/* Featured Products Start */
.product-card {
  border: 1px solid #e2e8f0;
  background-color: #ffffff;
  padding: 0px;
  transition: all 0.3s ease;
  overflow: hidden;
  border-radius: 4px;
  /* Added slight border radius for polish, can be removed if not needed */
}

.product-image-box {
  background-color: #f8fafc;
  padding: 20px;
  overflow: hidden;
  text-align: center;
}

.product-image-box img {
  transition: transform 0.3s ease;
}

.product-content-box {
  background-color: #ffffff;
  padding: 20px;
  /* height: 235px !important;  */
}

.product-content-box .category {
  font: normal normal normal 12px/15px Inter;
  letter-spacing: 0px;
  color: #64748b;
  opacity: 1;
}

.product-content-box .product-name {
  font: normal normal bold 16px/20px Inter;
  letter-spacing: 0px;
  color: var(--color3);
  opacity: 1;
  display: -webkit-box;
  -webkit-line-clamp: 1;  
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product-card .product-content-box .elementor-button {
  /* padding: 12px; */
}

.elementor-button.btn-light {
  border: 1px solid #e2e8f0;
  background: var(--color4) !important;
  color: var(--color3);
  /* padding: 11px; */
}
.elementor-button.btn-light:focus {
  color: var(--color1) !important;
  border-color: var(--color1) !important;
  background: #d844180d !important;
}

.elementor-button.btn-light:hover {
  color: var(--color1) !important;
  border-color: var(--color1) !important;
  background: #d844180d !important;
}

.product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0px 3px 10px #0000000f;
}

.product-card:hover .product-image-box img {
  transform: scale(1.05);
}

/* Featured Products End */

.system-category-box {
  position: relative;
}

.system-category-box::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0px;
  background: var(--color1);
  z-index: 1;
  pointer-events: none;
  transition: 0.3s ease all;
}

.system-category-box:hover::after {
  height: 5px;
}

/* Featured Blogs Start */
.blog-card {
  /* border: 1px solid #E2E8F0; */
  background-color: #ffffff;
  padding: 0px;
  transition: all 0.3s ease;
  overflow: hidden;
  border-radius: 4px;
  height: 100%;
}

.blog-image-box {
  overflow: hidden;
  text-align: center;
}

.blog-image-box img {
  transition: transform 0.3s ease;
}

.blog-content-box {
  padding: 16px;
}

.blog-content-box .blog-date {
  color: #64748b;
  font-size: 12px;
  margin-bottom: 10px;
}

.blog-content-box .blog-title {
  color: #0f172a;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog-content-box .blog-description {
  color: #64748b;
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 20px;
}

.blog-content-box .read-more-link,
.read-more-link {
  color: #d84418;
  font-weight: bold;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
}

.blog-content-box .read-more-link:hover {
}

.blog-content-box .read-more-link i {
  margin-left: 5px;
  font-size: 14px;
}

.blog-card:hover {
  transform: translateY(-5px);
  box-shadow: 0px 3px 10px #0000000f;
}

.blog-card:hover .blog-image-box img {
  transform: scale(1.05);
}

.blog-category-badge {
  text-align: center;
  font: normal normal 600 12px/20px Inter;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: uppercase;
  opacity: 1;
  background: var(--color1);
  border-radius: 40px;
  display: inline-block;
  padding: 2px 6px;
}
.single-post .blog-content{
	padding-top: 15px !important;
}

.content-area {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 10px #0000000f;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  overflow: hidden;
}

/* Featured Blogs End */

/* brand slider  */
.brand-slider-wrapper {
  position: relative;
}

.brand-slider-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  transition: 0.3s ease all;
  background: transparent linear-gradient(89deg, #f8fafc 0%, #f8fafc00 100%) 0%
    0% no-repeat padding-box;
  z-index: 9;
}

.brand-slider-wrapper::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 250px;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  transition: 0.3s ease all;
  background: transparent linear-gradient(271deg, #f8fafc 0%, #f8fafc00 100%) 0%
    0% no-repeat padding-box;
}


.brand-slider-wrapper .owl-thumb img {
  filter: grayscale(100%);
  transition: all 0.3s ease;
}

.brand-slider-wrapper .owl-item:hover .owl-thumb img {
  filter: grayscale(0%) !important;
}

.brand-slider-wrapper .owce-carousel .owl-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.brand-slider-wrapper .owce-carousel .owl-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px; 
}

.brand-slider-wrapper .owce-carousel .owl-thumb img {
    max-height: 100px;
    width: auto;
    object-fit: contain;
}
/* brand slider end */

.arrowbtn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 2;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}
.arrowbtn:hover {
  color: #fff;
}
.left-btn {
  left: -20px;
}
.right-btn {
  right: -20px;
}

/* All products  */
.all-products .sidebar {
  padding: 20px;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  margin-bottom: 20px;
}

.all-products .sidebar h4 {
  text-align: left;
  font: normal normal bold 14px/17px Inter;
  letter-spacing: 0px;
  color: #0f172a;
  text-transform: uppercase;
  opacity: 1;
  margin: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #e2e8f0;
}

/* Accordion category styles */
.accordion-header:not(.collapsed) {
  background-color: transparent !important;
  /* color: #D84418 !important; */
  box-shadow: none !important;
}

.accordion-header .custom-check .custom-check-label {
  text-align: left;
  font: normal normal normal 15px/24px Inter !important;
  letter-spacing: 0px;
  color: #0f172a !important;
  opacity: 1;
}

.accordion-button::after {
  background-size: 12px;
}

.accordion-button:focus {
  box-shadow: none !important;
  border-color: rgba(0, 0, 0, 0.125);
}

/* hide default checkbox */
.custom-check-input {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #0f172a;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  transition: 0.3s;
}

/* spacing */
.custom-check {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* label */
.custom-check-label {
  cursor: pointer;
  color: #64748b;
}

/* checked state */
.custom-check-input:checked {
  background-color: var(--color1);
  border-color: var(--color1);
}

/* tick mark */
.custom-check-input:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* hover effect */
.custom-check-input:hover {
  border-color: var(--color1);
}

.text-tlight {
  color: #64748b;
}

.product-header {
  border-bottom: 1px solid #e2e8f0;
  margin-bottom: 30px;
}

.product-sort select {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #e2e8f0;
  font-size: 13px;
  font-weight: normal;
  padding: 10px 10px 10px 5px;
}

.product-details-content-box .product-name {
  border-bottom: 1px solid #e2e8f0;
  padding-bottom: 20px;
  padding-right: 80px;
}

.back-btn {
  color: #d84418;
  font-weight: bold;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 0;
}

/* All products end */

/* service start  */
.service-section {
}

.service-section .service-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  overflow: hidden;
  transition: 0.3s ease all;
}

.service-section .service-card .service-image-box {
  overflow: hidden;
}

.service-section .service-card:hover {
  transform: translateY(-5px);
}

.service-section .service-card .service-content-box {
  padding: 20px;
}

.service-section .service-card .service-content-box .service-title {
  font: normal normal bold 20px/24px Inter;
  letter-spacing: 0px;
  color: var(--color3);
  opacity: 1;
  /* margin-bottom: 10px; */
  margin-top: 0;
}

.service-section .service-card .service-content-box .service-description {
  font: normal normal normal 14px/24px Inter;
  letter-spacing: 0px;
  color: #64748b;
  opacity: 1;
}

.service-section .service-card .service-content-box .elementor-button {
  margin-top: 20px;
  width: 100%;
}

.service-details .service-details-card .service-list {
  padding-left: 20px;
}

.service-details .service-details-card .service-list li {
  font: normal normal 600 14px/24px Inter;
  margin-bottom: 3px;
  color: #0f172a;
}

.ouer-servise .service-image-box img{
	width: 536px !important;
	height: 295px !important;
	object-fit: cover !important;
}
.service-details .service-image-box img{
	width: 424px !important;
	height: 638px !important;
	object-fit: cover !important;
}

/* service end  */

/* Request Quote Modal Styles */
#quoteModal .quote-modal-content {
  border-radius: 12px;
  overflow: hidden;
}

#quoteModal .btn-close {
  box-shadow: none;
}

#quoteModal .modal-product-img-box {
  width: 80px;
  flex-shrink: 0;
}

#modal-product-image {
  object-fit: contain;
}

#modal-product-category {
  font-size: 12px;
  color: #64748b;
  font-weight: 500;
}

#modal-product-title {
  line-height: 1.4;
}

.quantity-control {
  gap: 10px;
}

#quoteModal .qty-minus,
#quoteModal .qty-plus {
  background: transparent;
  border-radius: 50%;
}

#quoteModal .qty-minus i,
#quoteModal .qty-plus i {
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 0;
  color: var(--color1);
}

#modal-qty-input {
  width: 60px;
  font: normal normal normal 14px/19px Inter;
  letter-spacing: 0px;
  color: #0f172a;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #e2e8f0 !important;
  border-radius: 3px;
}

.border-end-lg {
  border-right: 1px solid #dee2e6;
}

.modal-product-info{
	width: calc(100% - 104px);
}
span.remove-product{
	margin-bottom: 5px;
}

.prevnext-post {
  display: none !important;
}
@media (max-width: 991px) {
  .border-end-lg {
    border-right: none;
  }
  .rfq-btn {
    white-space: nowrap;
  }
}

#modal-qty-input::-webkit-inner-spin-button,
#modal-qty-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

#modal-qty-input {
  -moz-appearance: textfield;
  appearance: textfield;
}

.cursor-pointer {
  cursor: pointer;
}

.contact-form label {
  font: normal normal bold 14px/19px Inter;
  letter-spacing: 0px;
  color: #0f172a;
  opacity: 1;
}

.contact-form .wpcf7-form-control-wrap {
  display: block;
  margin-top: 5px;
}

.contact-form textarea {
  height: 100px;
}

.contact-form select {
  border-color: #e2e8f0;
  font-size: 14px;
}

.pum-theme-content-only .pum-content + .pum-close {
  font-size: 0 !important;
  background-image: url(https://draftsite1.com/agema/wp-content/uploads/2026/03/icon-x.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  right: 15px !important;
  top: 15px !important;
}

.pagination-style-one {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.pagination-style-one .nav-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.pagination-style-one a,
.pagination-style-one span {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 34px;
  height: 34px;
  border-radius: 5px;
  text-decoration: none;
  color: #0f172a;
  font: normal normal bold 14px/19px Inter;
  letter-spacing: 0px;
  opacity: 1;
  border: 1px solid #e2e8f0;
  text-transform: uppercase;
  padding: 0 10px;
}

.pagination-style-one a:hover,
.pagination-style-one span:hover {
  background-color: var(--color1);
  color: #fff;
}

.pagination-style-one .current {
  background-color: var(--color1);
  color: #fff;
}

.datasheet-form p{
	padding-left: 3px;
	padding-top: 5px !important;
}

.datasheet-close .btn-close{
	padding-top: 0 !important;
	margin-top: -50px !important;
}

.overflow-scroll-pro {
  overflow-y: scroll;
  height: 350px !important;
}
.overflow-scroll-pro::-webkit-scrollbar {
  display: none;
}
/* faq start  */
#accordionExample .accordion-item {
  border: 0 #e2e8f0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  border-radius: 0px !important;
  margin-bottom: 15px;
  padding-bottom: 15px;
  background-color: #ffffff;
  overflow: hidden;
  box-shadow: none !important;
  transition: all 0.3s ease;
}

#accordionExample .accordion-item:last-child {
  border: 0 !important;
  margin-bottom: 0;
  padding-bottom: 0;
}

#accordionExample .accordion-item:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.06);
}

#accordionExample .accordion-button {
  font: normal normal bold 16px/24px Inter;
  color: #0f172a;
  background: none !important;
  padding: 16px 20px;
  box-shadow: none !important;
  transition: all 0.3s ease;
  border: 0 !important;
  padding: 0 0 10px !important;
  border-radius: 0 !important;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

#accordionExample .accordion-button:not(.collapsed) {
  color: var(--color3);
  background-color: #f8fafc;
  box-shadow: none !important;
}

#accordionExample .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2364748B'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transition: transform 0.3s ease;
  display: inline-block;
  filter: brightness(0);
}

#accordionExample .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2364748B'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

#accordionExample .accordion-body {
  padding: 0px;
  font: normal normal normal 15px/26px Inter;
  color: #64748b;
  background-color: #ffffff;
}

.woo-shop {
  padding: 80px 0;
}

.widget-title.wpc-filter-title {
  font: normal normal bold 14px / 17px Inter;
  letter-spacing: 0px;
  color: #0f172a;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.wpc-filters-main-wrap ul.children {
  margin-left: 0px !important;
  padding-left: 12px !important;
}
.wpc-filters-main-wrap li.wpc-term-item a {
  font: normal normal normal 14px / 20px Inter;
  letter-spacing: 0px;
  color: #0f172a;
}
.children .wpc-checkbox-item a.wpc-filter-link {
  font: normal normal normal 14px / 20px Inter;
  letter-spacing: 0px;
  color: #64748b;
}
.wpc-filter-chip {
  display: none !important;
}
li.wpc-filter-chip.wpc-chip-reset-all {
  display: block !important;
}
.wpc-posts-found {
  display: none;
}
body .wpc-filter-chips-list li.wpc-chip-reset-all a {
  border-color: #d84418;
  color: #fff;
  background: #d84418;
  font: normal normal normal 15px / 24px Inter;
  letter-spacing: 0px;
  text-align: center;
}
body .wpc-filter-chips-list li.wpc-chip-reset-all a {
  border-color: #d84418 !important;
  color: #fff !important;
  background: #d84418 !important;
  font: normal normal normal 15px / 24px Inter !important;
  letter-spacing: 0px !important;
  text-align: center !important;
  margin-bottom: 20px !important;
}
body .wpc-filter-chips-list li.wpc-chip-reset-all a .wpc-button-inner,
body .wpc-filter-chips-list li.wpc-chip-reset-all a .wpc-chip-content {
  text-align: center;
  justify-content: center;
}
.wpc-edit-filter-set {
  display: none !important;
}
.wpc-filter-e-brand {
  margin-bottom: 0 !important;
}
/* faq end */

.custom-open .dropdown-menu {
  display: block;
}
.dropdown .dropdown-menu {
  padding: 0 !important;
  overflow: hidden;
}
.dropdown a.dropdown-item {
  font: normal normal normal 13px / 16px Inter;
  letter-spacing: 0px;
  color: #0f172a;
}
.dropdown a.dropdown-item:focus,
.dropdown a.dropdown-item:focus-visible,
.dropdown a.dropdown-item:active {
  background: #f9f9f9 !important;
  outline: none !important;
  box-shadow: none !important;
}
.blog-content ul {
  padding-left: 15px;
}
.border-divider {
  border-top: 1px solid #ddd;
}

.text-two a {
  color: #a6abb1;
}
.rfq-floating {
  position: fixed;
  right: 0;
  top: 50%;
  text-transform: capitalize;
  transform: translate(0, -50%);
  z-index: 999;
}

/* for safari browser start */
@supports (-webkit-hyphens: none) {
  .rfq-floating {
    right: 15px;
  }
}
/* for safari browser end */

.rfq-floating a {
  background-color: #d84418;
  padding: 20px 10px;
  font: normal normal 600 14px / 17px Inter;
  letter-spacing: 0px;
  border-radius: 8px 0px 0px 8px;
  scale: -1;
  color: #ffffff;
  writing-mode: vertical-rl;
  transition: all 0.4s ease;
  transform: rotate(180deg);
}
.rfq-floating a:hover {
  background-color: #1e293b ;
  color: #ffffff;
}
.not-found-e-product h4 {
  font: normal normal bold 28px / 34px Inter;
    letter-spacing: 0px;
}



.product-sort form label, .product-sort form select 
{
	width: auto
}
.fix-header .sticky-header
{
	position: fixed !important;
	left: 0;
	top: 0;
}
#ajaxsearchlite1 .probox, div.asl_w .probox {
    height: 40px;
    border: 2px solid #E2E8F0 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    background: #F1F5F9 !important;
    color: #868686 !important;
}

#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {
    color: #fff !important;
    line-height: normal !important;
    text-shadow: 0 0 0 rgba(255, 255, 255, 0);
    border: 0;
    box-shadow: none;
    height: 40px;
    font: normal normal normal 14px / 17px Inter !important;
}
div.asl_m.asl_w {
    border-radius: 5px !important;
}
#ajaxsearchlite1 .probox .proinput input::placeholder, div.asl_w .probox .proinput input::placeholder {
	color:#868686 !important;
}
div.asl_w .probox .promagnifier {
    background: #d84418 !important;
    border-radius: 0 !important;
    margin: 5px 8px;
    height: 30px;
}
div.asl_w .probox .promagnifier {
     background: #d84418 !important;
    border-radius: 0 !important;
    margin: 5px 8px;
    height: 24px;
    width: auto !important;
    padding: 2px 10px;
    letter-spacing: 0px;
    color: #FFFFFF;
}
div.asl_w .probox .promagnifier svg {
display:none !important;
}
div.asl_w .probox .promagnifier:before{
    content: 'Search';
    font: normal normal normal 13px / 16px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    position: relative;
    top: 1px;
}
#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {
	color: #000 !important;
}
div.asl_r.vertical {
    padding: 4px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ddd;
	border-radius: 0 0 0 0;
}
div.asl_r .results .item .asl_content h3, div.asl_r .results .item .asl_content h3 a {
    font: normal normal bold 16px / 20px Inter !important;
    letter-spacing: 0px !important;
    color: #0F172A !important;
}
div.asl_r .results .item .asl_content .asl_desc {
	display:none !important;
}

.wrap-search {
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    transition: 0.3s ease all;
}
.wrap-search:hover {
    transform: translateY(-5px);
}
.wrap-search .card-body {
    padding: 50px;
}
.wrap-search .card-title a {
    font: normal normal bold 20px / 24px Inter;
    letter-spacing: 0px;
    color: var(--color3);
    opacity: 1;
}
.wrap-search .card-text {
    font: normal normal normal 14px / 24px Inter;
    letter-spacing: 0px;
    color: #64748b;
    opacity: 1;
}
.wrap-search .card-img-top {
    height: 300px;
    object-fit: cover;
    background-position: center;
}

.page-template-blog-list .sidebar-box .dropdown{
   width: 130% !important;
}

.num-lin a{
  color: #A6ABB1 !important;
}

/* no categorie blank space start */
.product-content-box a.d-block:has(.category) {
  display: flex;
  flex-direction: column;
}

.product-content-box a.d-block:not(:has(.category))::before {
  content: "";
  display: block;
  height: 20px;
}
/* no categorie blank space end */

.product-gallery .gallery-item {
  width: 70px;
  cursor: pointer;
}

.product-gallery img {
  width: 100%;
  height: auto;
  border-radius: 6px;
}
.e-products-details {
  min-height: 70vh;
}


// related product slider start

.related-slider {
  margin: 0 -10px;
}
.related-slider:not(.slick-initialized) {
  display: flex;
  overflow: hidden;
}

.related-products .slider-item {
  padding: 10px 5px;
}

.related-products .product-content-box .elementor-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-sizing: border-box;
}

.related-products .custom-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  border: 1px solid #ddd;
  width: 45px !important;
  height: 45px !important;
  border-radius: 50% !important;
  cursor: pointer;
  display: flex !important;
  align-items: center;
  justify-content: center;

  transition: 0.3s;
}

.related-products .slick-prev {
  left: -40px !important;
}
.related-products .slick-next {
  right: -40px !important;
}
// related product slider end

@media (max-width: 1023px) {
  .product-details-content-box .product-name {
    padding-right: 0;
  }

  .modal-dialog {
    max-width: 800px !important;
  }
  .product-details-image-box{
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .hero-banner .carousel-item .col-md-10 h3 {
    font: normal normal bold 40px/50px Inter;
    text-align: center;
  }

  .hero-banner .carousel-item .col-md-10 p {
    font: normal normal normal 16px/24px Inter;
    text-align: center;
  }
  .hero-banner .btnlight{
    text-align: center;
  }

  .modal-dialog {
    max-width: 100% !important;
  }
  .left-btn {
    left: -4px;
  }
  .right-btn {
    right: -4px;
  }
  .woo-shop {
    padding: 30px 0;
  }
  .page-template-blog-list .sidebar-box .dropdown{
    width: auto !important;
  }
  .product-content-box .product-name {
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;  
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}



@media only screen and (max-width: 767px)
{
	.brand-slider-wrapper::before, .brand-slider-wrapper::after{
		display: none;
	}
	.product-sort form
	{
		margin-top: 10px
	}
  .wrap-search .card-body {
    padding: 15px;
  }
  .hero-banner .carousel-item {
    position: relative !important;
    overflow: hidden !important;
    padding: 80px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .product-content-box {
    background-color: #ffffff;
    padding: 20px;
    /* height: 250px !important;  */
  }
  .ouer-servise .service-image-box img{
    width: 100% !important;
    height: 230px !important;
    object-fit: cover !important;
  }
  .service-details .service-image-box img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .rfq-floating a {
    background-color: #d84418;
    padding: 20px 10px !important;
  }
  .rfq-floating a:hover {
    background-color: #1e293b;
    padding: 20px 10px !important;
  }
  .single-post .accordion-button {
    white-space: normal !important; 
    word-break: break-word;
    align-items: flex-start;    
  }

  .single-post .accordion-button::after {
    margin-left: auto;    
  }
  .product-details-content-box .elementor-button.btn-light{
    margin-bottom: 8px !important;
    padding: 16px 25px 16px 25px !important;
  }
  .contact-form input,
  .contact-form textarea,
  .contact-form select {
    font-size: 16px !important;
  }
  .back-btn {
    position: absolute;
    top: -30px;
    right: 0;
  }

  .e-products-list .product-card .product-content-box .elementor-button {
    padding: 10px;
  }
  .e-products-list .rfq-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .e-products-list .rfq-btn img {
    margin-bottom: 10px;
  }
	.e-products-list .btn-light {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .e-products-list .btn-light i {
    margin-bottom: 5px;
  }

  .custom-menu-top img {
    margin-bottom: 20px;
  }
  .asl_w_container{
    margin-bottom: 24px !important;
  }
  div.asl_w .probox .promagnifier{
    height: 20px !important;
  }
  input,
  textarea,
  select {
    font-size: 16px !important;
  }
  .asl_w_container input {
    font-size: 16px !important;
  }

}