/* Auto-generated at Sat, 08 Aug 26 00:17:47 +0000. */

.bgclor {
    // background-color: #045955;
    background: linear-gradient(90deg, 
    #1E2E45 0%, 
    #FC6621 25%, 
    #F3AA47 50%, 
    #C5C3A4 75%, 
    #B1C9D5 100%
);

}

@media only screen and (max-width: 767px) {
  inn-toolbox-section[anchorid="inn-toolbox-section-e9238592-8d0c-4eb7-a86c-55f7333a0d38"],
  inn-toolbox-section[anchorid="inn-toolbox-section-bf10efae-fbf9-4bb1-b608-6a61af870dd0"] {
    height: 130px !important;
    background-size: cover !important;
  }
.widget.widget-hero{
    height: 240px !important;
}

  div[style*="display:flex"] {
    justify-content: center !important;
  }
  div[style*="flex:1 1 250px"] {
    max-width: 100% !important;
  }
}

// .nav-brand img{
//     height: 45px !important;
// }

.tab-label.filled.active {
    background-color: #EF793B !important;
    color: white !important;
}
.tab-label.filled {
    color: black !important;
}

.desktop-menu {
    justify-self: right !important;
}
desktop-menu {
    justify-self: end !important;
}

.frontend desktop-menu a[role="menuitem"], .frontend desktop-menu button[role="menuitem"], .backend desktop-menu a[role="menuitem"], .backend desktop-menu button[role="menuitem"] {
    font-size: 18px;
    }

/* Force transparent background for that block */
.timeline-headline.active {
  background: transparent !important;
  background-color: transparent !important;
}

/* Optional: make inner icon area transparent too */
.timeline-headline.active .icon,
.timeline-headline.active h3 {
  background: transparent !important;
}
/*Make Tabs and Timeline Backgrounds Transparent*/

.tab-item a.active,
.tab-item a:hover {
  background-color: transparent !important;
}
fe-timeline,
fe-timeline .timeline,
fe-timeline .timeline-item,
fe-timeline-headline,
fe-timeline-item {
  background: transparent !important;
  background-color: transparent !important;
}

/* Make card-mode button background transparent when active */
fe-btn-list-mode.active[type="cards"] > .btn-list-mode {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important; /* optional, remove border if present */
}

/* Optional: remove background on hover/focus as well */
fe-btn-list-mode.active[type="cards"] > .btn-list-mode:hover,
fe-btn-list-mode.active[type="cards"] > .btn-list-mode:focus {
  background: transparent !important;
  background-color: transparent !important;
}
/* Make fe-btn-list-mode background transparent when active */
fe-btn-list-mode.active > .btn-list-mode {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important; /* optional: remove border if any */
}

/* Optional: also remove background on hover/focus */
fe-btn-list-mode.active > .btn-list-mode:hover,
fe-btn-list-mode.active > .btn-list-mode:focus {
  background: transparent !important;
  background-color: transparent !important;
}
/* Make fe-btn-list-mode background transparent when active */
fe-btn-list-mode.active {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important; /* optional: remove border if any */
}

/* Optional: also remove background on hover/focus */
fe-btn-list-mode.active:hover,
fe-btn-list-mode.active:focus {
  background: transparent !important;
  background-color: transparent !important;
}
p {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

 
header-desktop header-logo img {
  width: 150px; 
  height: 70px; 
}
.frontend header-desktop header-logo img {
  width: 150px; 
  height: auto; 
}
@media only screen and (max-width: 576px) {
    .frontend .widget-featured fe-container .container{  
        overflow: hidden;
    }
}
    .frontend .widget-featured {  
        overflow: hidden;
    }
    @media (max-width: 768px) {
  #navBrand img[alt="Platform Logo"] {
    width: 120px;
    height: 20px;
  }
}