/*
Theme Name: BrightHub
Theme URI: http://brighthub.casethemes.net
Author: Case-Themes
Author URI: https://casethemes.net/
Description: BrightHub is a sleek WordPress theme crafted for SaaS and tech startups. It comes with beautifully designed homepage layouts, versatile inner pages, and feature-focused sections to showcase your product, pricing, and customer success stories. Fully responsive and easily customizable, BrightHub ensures your site looks stunning on any device. Launch your next SaaS project with BrightHub and have all the essentials you need in one powerful theme.
Version: 1.0.2
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: brighthub
Tags: saas, startup, business, consulting, consultant, agency, company, advertising, corporate, finance, financial, multipurpose, accountant, marketing, software, modern
Requires at least: 5.8 or Higher
Requires PHP: 7.4 or Higher
Tested up to: 6.4.1

Copyright (c) 2025 Case-Themes. All rights reserved.
This theme is licensed under the GPL-2.0+ license.
*/




@media screen and (max-width: 575px) {
  .pxl-image-box--layout-5 {
  position: relative;
  display: inline-block!important;
  margin : 15px !important;
  border-radius: 12px;
  border: 0px;
  padding: 0px;
  transition: all 0.3s ease;
  box-shadow: 0 0px 0px 0px rgba(25, 29, 39, 0.20);
  
    }
}



.pxl-image-box--layout-5 {
  position: relative;
  display: flex;
  border-radius: 12px;
  border: 0px;
  padding: 1px;
  overflow: hidden;
  z-index: 1;
}

.pxl-image-box--layout-5 {
  --border-width: 1px;
  position: relative;
  display: flex;
  border-radius: 12px;
}

.pxl-image-box--layout-5::after {
  position: absolute;
  content: "";
  top: calc(-1 * var(--border-width));
  left: calc(-1 * var(--border-width));
  z-index: -1;
  width: calc(100% + var(--border-width) * 2);
  height: calc(100% + var(--border-width) * 2);

  /* old colors: red → cyan → green → yellow → back to red */
  background: linear-gradient(
  60deg,
  rgb(23, 121, 226),
  rgb(249, 187, 30),
  rgb(250, 70, 172),
  rgb(23, 121, 226)
);
  background-size: 300% 300%;
  background-position: 0 50%;
  border-radius: 10px;
  animation: moveGradient 4s alternate infinite;
}

@keyframes moveGradient {
  50% {
    background-position: 100% 50%;
  }
}

 
 
.pxl-image-box--layout-5 .pxl-image-box__image {
  position: relative;
  overflow: hidden;
  border-radius:12px 0px 0px 12px;
  width:100%;
  display: flex; 
}
.pxl-image-box--layout-5 .pxl-image-box__image img {
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
  transform: scale(1);  }
 
 .pxl-image-box--layout-5 .pxl-image-box__content {
  padding: 50px;
  border-radius: 0px 12px  12px  0px ;
   background: #01091c;
}

@media screen and (max-width: 575px) {.pxl-image-box--layout-5 .pxl-image-box__content {
    padding: 30px !important;
}
}
.pxl-image-box--layout-5 .pxl-image-box__content .pxl-image-box__button {
  position: absolute;
  bottom:28px;
  right:20px;
  z-index: 2;
  border-radius:5px;
  background: #011236;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
.pxl-image-box--layout-5 .pxl-image-box__content .pxl-image-box__button svg {
  width: 25px;
  height: 25px;
}
.pxl-image-box--layout-5 .pxl-image-box__content.pxl-image-box__button i {
  font-size: 25px;
  color: #000;
}

.pxl-image-box--layout-5 .pxl-image-box__content-sub-title h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.28px;
    text-transform: uppercase;
    color: #fa46ac;
    margin-bottom: 20px;
}

@media screen and (max-width: 575px) {
.pxl-image-box--layout-5 .pxl-image-box__content-sub-title h3 {
  font-size: 14px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.28px;
  text-transform: uppercase;
  color:#fa46ac; 
  margin-bottom: 15px;
}
   .pxl-image-box--layout-5 .pxl-image-box__content-title h1 {
    font-size: 18px !important;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.72px;
    margin-bottom:15px;
    color: #fff;
}
}

.pxl-image-box--layout-5 .pxl-image-box__content-title h1 {
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.72px;
  margin-bottom: 20px;
  color: #fff;
 
}

.pxl-image-box--layout-5 .pxl-image-box__content-excerpt {
  font-size:16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.72px;
  margin: 15px 0 15px;
  color: #fff;
}
.pxl-image-box--layout-5 .pxl-image-box__content-disc {
  font-size:16px;
  font-style: normal;
  font-weight: 400;
  color: #fff;
  
}
.pxl-image-box--layout-5 .pxl-image-box__content-feature-list {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
  margin-top:30px ;
}
.pxl-image-box--layout-5 .pxl-image-box__content-feature-list .pxl-image-box__content-feature-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    background:none;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    color:#e7e7e7;
}

@media screen and (max-width: 575px) { .pxl-image-box--layout-5 .pxl-image-box__content-feature-list .pxl-image-box__content-feature-item {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px;
    background: none;
    border: 1px solid #e7e7e7;
    color:#e7e7e7;
    border-radius: 5px;}
    .pxl-image-box--layout-5 .pxl-image-box__content-feature-list {
    display: flex;    flex-flow: row wrap;    gap: 5px;    margin-top:15px;}
    }
    
.pxl-image-box--layout-5 .pxl-image-box__content-feature-list .pxl-image-box__content-feature-item span {
  font-size: 12px;
  font-weight:300;
  line-height: 1.3;
  letter-spacing: 0px;
  color: #e7e7e7;
}
.pxl-image-box--layout-5 .pxl-image-box__link-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.pxl-image-box--layout-5:hover .pxl-image-box__image img {
  transform: scale(1.05);
}

 transform: scale(1.04);
}

#dfa-tm.testimonial-3 > svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    display: none !important;
}
#dfa-tm {}
#dfa-tm .dfa-tm-3.testimonial-2 .pxl-swiper-slider__wrapper .pxl-swiper-slider__item .testimonial-item__inner .testimonial-item__content-text {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.8px;
    color: #ffffff !important;
}

.testimonial-2 .pxl-swiper-slider__wrapper .pxl-swiper-slider__item .testimonial-item__inner .testimonial-item__content-text{
    font-size: 20px;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -0.8px;
    color: #ffffff !important;
}
.testimonial-2 .pxl-swiper-slider__wrapper .pxl-swiper-slider__item .testimonial-item__inner {
    gap: 40px;
    align-items: center;
    padding: 12px;
    border-radius: 16px;
    border: 1px solid #e9eaeb;
    background-color: rgb(0 6 12 / 50%);
}