/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.5.1.1791801509
Updated: 2026-10-12 10:38:29

*/


.contact-menu-item  a {
    padding: 1.5px 16px;
    background: #FF43DC;
      padding-top: 0px !important; 
     padding-bottom: 0px !important;
}

.contact-menu-item{
        margin: auto !important;
    margin-left: 16px !important;

}

.contact-menu-item a:hover{
    color: white !important;
}
.img_grid img{
        height: 56px;
    width: auto;

}
/* Open accordion item */
.custom_accordian .e-n-accordion-item[open] {
      box-shadow: 10px 10px 0px 0px #FF43DC;
}



.custom_accordian .e-n-accordion-item{
    border: 3px solid;
    border-radius: 25px;
    padding: 16px 22px;
}
.custom_accordian .e-n-accordion-item p{
    margin: 0px !important;
}

.industry-list ul {
  margin: 0;
  overflow: hidden;
  transition: height 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.industry-list ul.no-anim {
  transition: none;
}

.industry-list li {
  transition: opacity 0.35s ease, transform 0.35s ease;
}

.industry-list li.is-hidden {
  opacity: 0;
  transform: translateY(-6px);
}

/* Before the script runs, show only the first 6 (no jump on load).
   If you use a different data-visible, change 7 to (that number + 1). */
.industry-list:not(.is-ready) ul > li:nth-child(n+7) {
  display: none;
}

/* Expanding one card grows only that card, not its whole row, and rows
   size to their own cards (Elementor's grid makes every row 1fr, so one
   open card left a gap under the other row).
   (Collapsed cards in a row get the same list height from custom.js.) */
.e-grid:has(.industry-list),
.e-grid:has(.industry-list) > .e-con-inner {
  align-items: start !important;
  grid-template-rows: none !important;
  grid-auto-rows: auto !important;
}


/* List at the top, button at the bottom. */
.industry-list {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  gap: 24px;
}

.industry-list ul {
  flex-shrink: 0;
  margin: 0;
}

/* WordPress may wrap the button in a <p>. */
.industry-list > :has(> .view-all) {
  display: flex;
  margin: 0;
  padding: 0;
}

/* ---------- "View all" button ---------- */
.industry-list .view-all,
.industry-list .view-all:visited,
.industry-list .view-all:hover,
.industry-list .view-all:focus {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 4px;
  margin: 0 0 0 20px;
  padding: 0;
  background: transparent;
  color: #000;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  cursor: pointer;
}

.industry-list .view-all[hidden] {
  display: none;
}

.industry-list .view-all:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.industry-list .view-all:focus-visible {
  outline: 2px solid #000;
  outline-offset: 3px;
}

/* ↓ arrow; flips to ↑ when expanded */
.industry-list .view-all::after {
  content: "\2193";
  display: inline-block;
  line-height: 1;
  transition: transform 0.3s ease;
}

.industry-list .view-all[aria-expanded="true"]::after {
  transform: rotate(180deg);
}
.founder-fun-facts p {
    margin-bottom: 5px;
}
.conting_search_icon svg {
    margin-top: 20px;
}
.contact_left svg{
    margin: 0px;
}
.pluckd-read-time {
    color: #fff;
}
.contact-menu-item.current-menu-item a {
    color: #fff !important;
}
.single-pluckd_blog  ul li {
    margin-bottom: 8px;
}
.single-pluckd_blog  ul{
    padding-left: 20px;
}
/* Blog hero: the dynamic featured image (Royal Addons Post Media widget)
   fills its card like the old static background image did. */
.blog_feature_img .e-con:has(> .elementor-widget-wpr-post-media) {
  position: relative;
  overflow: hidden;
  min-height: 560px;
  border: 3px solid #000 !important;
  border-radius: 25px !important;
  box-shadow: 10px 10px 0 0 #00A4FF;
}


.blog_feature_img .elementor-widget-wpr-post-media {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  margin: 0 !important;
}

.blog_feature_img .wpr-featured-media-wrap,
.blog_feature_img .wpr-featured-media-image {
  width: 100% !important;
  height: 100%;
  border: 0 !important;
  border-radius: 0 !important;
}

.blog_feature_img .wpr-featured-media-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 0 !important;
}
.elementor-widget-icon.elementor-shape-circle .elementor-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.elementor-widget-icon.elementor-shape-circle .elementor-icon svg {
  display: block;
}

@media (max-width: 1024px) {
  .blog_feature_img .e-con:has(> .elementor-widget-wpr-post-media) {
    min-height: 400px;
  }
}

@media (max-width: 767px) {
  .blog_feature_img .e-con:has(> .elementor-widget-wpr-post-media) {
    min-height: 250px;
  }
}

/* ---------- Logo marquee (custom.js) ---------- */
/* Image Carousel (or its container) with the class "pluckd-logo-marquee":
   one strip, equal gaps. */
.pluckd-logo-marquee {
  --logo-h: 56px;
  --logo-gap: 64px;
}

.elementor-widget-image-carousel.is-marquee .elementor-image-carousel-wrapper {
  display: none;
}

.pluckd-marquee {
  overflow: hidden;
}

.pluckd-marquee__track {
  display: flex;
  width: max-content;
  animation: pluckd-marquee 40s linear infinite;
}

.pluckd-marquee:hover .pluckd-marquee__track {
  animation-play-state: paused;
}

.pluckd-marquee__list {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Gap as a right margin (not flex gap), so both copies are exactly equal. */
.pluckd-marquee__list li {
  display: flex;
  align-items: center;
  height: var(--logo-h);
  margin: 0 var(--logo-gap) 0 0;
  padding: 0;
}

.pluckd-marquee .pluckd-marquee__list img {
  display: block;
  width: auto;
  max-width: none;
  height: calc(var(--logo-h) * var(--logo-scale, 1));
}

@keyframes pluckd-marquee {
  to {
    transform: translateX(-50%);
  }
}

@media (max-width: 767px) {
  .pluckd-logo-marquee {
    --logo-h: 44px;
    --logo-gap: 40px;
  }
}

/* No motion: show the logos once, wrapped and centred. */
@media (prefers-reduced-motion: reduce) {
  .pluckd-marquee__track {
    width: auto;
    animation: none;
  }

  .pluckd-marquee__list {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 24px;
  }

  .pluckd-marquee__list[aria-hidden="true"] {
    display: none;
  }
}


@media (prefers-reduced-motion: reduce) {
  .industry-list ul,
  .industry-list li,
  .industry-list .view-all,
  .industry-list .view-all::after {
    transition: none;
  }
}
@media (max-width: 991px) {

#main_header nav ul li a{
    color: #000;
}
.hfe-nav-menu-icon svg path {
    fill: white;
}
.contact-menu-item {
    /* margin: auto !important; */
    /* margin-left: 16px !important; */
    padding: 15px !important;
}
.contact-menu-item{
        margin: 0px !important;
}
.contact-menu-item a{
    padding: 0px !important;
}
.footer_btn a, .custom_btn{
    width: -webkit-fill-available !important;
}

}

@media (max-width: 767px) {

.button_full a {
    width: -webkit-fill-available !important;
}
}