/*
 Theme Name:   proactive-child
 Template:     proactive
 */
.pxl-banner1 .pxl-counter--wrap:before {
    background-image: linear-gradient(to right, #000000, #ddb440) !important;
}

.pxl-tabs1 .pxl-tab--title .pxl-title--text {
    background-image: linear-gradient(to right, #000000, #ddb440 50%, var(--tab-title-color) 50%) !important;
}
.text-gradient, .swiper-filter-wrap .filter-item.active span, blockquote:not(.pxl-blockquote) cite, .pxl-pagination-wrap a:hover i, .pxl-pagination-wrap a:hover span, .pxl-contact-info-widget .pxl-item--icon i, .pxl-post-list1 .pxl-item--readmore i, .pxl-text-editor.highlight-gradient .pxl-text--highlight, .pxl-heading .px-text-gradient span, .pxl-heading .px-sub-title-shape4 i, .pxl-heading .px-sub-title-shape5 .pxl-item--subtext, .pxl-link .pxl-type-gradient .pxl-link--icon i, .pxl-call-phone1.style-2 .pxl-item--icon i, .pxl-tabs2 .pxl-tabs--title .pxl-title--text, .pxl-contact-form .pxl-form--label span, .pxl-social-icons1 a i, .pxl-contact-info1 .pxl-item--icon i, .pxl-showcase1 .pxl-item--label, .pxl-showcase2 .pxl-item--label, .pxl-btn-video.style1 i, .pxl-info-box1 .pxl-item--icon i, .woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-product--price .price, .single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-direction-nav a:hover:before, .single-product > div.product .woocommerce-product-gallery .flex-direction-nav a:hover:before, .single-product #pxl-content-area div.product .entry-summary .price .amount, .single-product > div.product .entry-summary .price .amount, .pxl-blog-style2 .pxl-post--meta .pxl-meta--inner, .pxl-blog-style3 .pxl-post--category a, .pxl-portfolio-style2 .pxl-post--category a, .pxl-blog-style2 .pxl-post--meta .pxl-meta--inner, .pxl-blog-style3 .pxl-post--category a, .pxl-testimonial-carousel2 .pxl-testimonial--meta .pxl-item--title span {
    background-image: linear-gradient(to right, #000000, #ddb440);
}
.pxl-tabs1 .pxl-tab--title:before {
    background-image: linear-gradient(to right, #000000, #ddb440);
}

/* btn form in single prodcuts */

.pxl-hidden-panel-popup .pxl-popup--conent {
    background-color: transparent;
}


/*Page codes main page title*/


.pars-main-page .pxl-breadcrumb:after {
    content: '';
    z-index: -2;
    background-image: linear-gradient(to right, #fffbeb, #b28429);
    border-radius: 60px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.pars-main-page .text-gradient3 {
    background-image: linear-gradient(to right, #ffffff, #DBA539);
    background-color: transparent;
    background-clip: text;
    -o-background-clip: text;
    -ms-background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -o-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

.pars-main-page.pxl-section-border-bottom:after  {
    background-image: linear-gradient(to right, #ffffff, #DBA539);
}


/*Mobile hidden menu(2) */
.search-mobile-hidden input.pxl-search-field {
    background-color: rgb(255 255 255 / 12%) !important;
    height: 44px !important;
    padding: 0 22px !important;
    border-radius: 60px !important;
    color: rgb(255 255 255 / 67%) !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}
.search-mobile-hidden button.pxl-search-submit {
color:rgb(255 255 255 / 80%) !important;
    font-size:14px !important;
    position:absolute !important;
    top:-5px!important;
    right:15px !important;
    width:44px !important;
    height:44px !important;
    font-weight:700 !important;
    }

/*style after header */
.pars-header-after::before {
    content: "";
    position: absolute;
    top: 98%;
    left: 50%;
    transform: translate(-50%, -45%);
    width: 35%;
    height: 11px;
    background: #ed9366;
    background: radial-gradient(circle, #8b6e1b 0%, #ddb440 35%, #ffffffa1 100%);
    border-radius: 1000%;
    box-shadow: 0 0 6px 8px #ddb44078;
    z-index: -99 !important;
}

.pars-header-after {
    position: relative;
    z-index: 99 !important;
}

    .pxl-scroll-top .pxl-scroll-progress-circle path {
    fill: none;
    stroke: #a97d00 !important;
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}


/* slider dots */

@keyframes hover-rotate {
  0% {
    transform: rotateY(0deg);
  }

  100% {
    transform: rotateY(360deg);
  }
}

.pars-slider .swiper-pagination-bullet {
    background-color: transparent !important;
    position: relative;
    opacity: 0.7;
}

.pars-slider .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    background-image: url(../../../new/wp-content/uploads/2024/08/slider-dot.html);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80%;
    width: 35px;
    height: 45px;
}

.pars-slider .swiper-pagination-bullet:hover::before {
    animation: hover-rotate 2s linear infinite;
}


.pars-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  filter: drop-shadow(1px 2px 4px white);
}


/* footer social icon */

.pars-contact-us::before {
    content: "Contact Us";
    background-color: #fff;
    position: absolute;
    width: 150px;
    padding: 3px 25px;
    border-radius: 15px;
    right: -10px;
    top: 10px;
    transform: translate(0%);
    font-weight: 500;
    font-size: 17px;
    border: 1px solid #c4a039;
    z-index: -1;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.pars-contact-us:hover::before {
    transform: translate(100%);
    opacity: 1;
    visibility: visible;
}

.pars-social-icons {
    visibility: hidden;
    opacity: 0;
    transform: translateY(100%) !important;
    transition: opacity 0.4s ease, transform 0.5s ease
}

.pars-social-icons.show {
    visibility: visible;
    display: block;
    opacity: 1;
    transform: translateY(0) !important;
}


.pars-contact-us .elementor-button-icon i {
    font-size: 25px;
}

.pars-contact-us .far.fa-times {
    padding: 0 5px;
}