.elementor-675 .elementor-element.elementor-element-2a2490cf{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-675 .elementor-element.elementor-element-26fe4b7f{--display:flex;--min-height:40px;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--background-transition:0.3s;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:100px;--padding-right:30px;--z-index:1;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-675 .elementor-element.elementor-element-396b74a5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-675 .elementor-element.elementor-element-396b74a5.elementor-element{--order:-99999 /* order start hack */;}.elementor-675 .elementor-element.elementor-element-396b74a5 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-675 .elementor-element.elementor-element-396b74a5 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-675 .elementor-element.elementor-element-396b74a5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-675 .elementor-element.elementor-element-396b74a5 .elementor-icon-list-item > a{font-family:"Helvetica", Sans-serif;font-size:16px;text-transform:capitalize;font-style:oblique;}.elementor-675 .elementor-element.elementor-element-396b74a5 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-675 .elementor-element.elementor-element-44564428.elementor-element{--order:99999 /* order end hack */;}.elementor-675 .elementor-element.elementor-element-44564428 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;}.elementor-675 .elementor-element.elementor-element-44564428 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-675 .elementor-element.elementor-element-44564428 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-675 .elementor-element.elementor-element-44564428 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-675 .elementor-element.elementor-element-44564428 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-675 .elementor-element.elementor-element-44564428 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-675 .elementor-element.elementor-element-310d6dc3{--display:flex;--min-height:70px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--background-transition:0.3s;--border-radius:0px 0px 0px 0px;--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-675 .elementor-element.elementor-element-8e40fc2{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-675 .elementor-element.elementor-element-8e40fc2 img{width:200px;max-width:80%;}.elementor-675 .elementor-element.elementor-element-79bf7145 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-675 .elementor-element.elementor-element-2a2490cf{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-675 .elementor-element.elementor-element-26fe4b7f{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:030px;}.elementor-675 .elementor-element.elementor-element-310d6dc3{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}}@media(min-width:768px){.elementor-675 .elementor-element.elementor-element-2a2490cf{--width:100%;}}@media(max-width:767px){.elementor-675 .elementor-element.elementor-element-2a2490cf{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-675 .elementor-element.elementor-element-26fe4b7f{--min-height:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-675 .elementor-element.elementor-element-396b74a5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-675 .elementor-element.elementor-element-396b74a5.elementor-element{--order:-99999 /* order start hack */;}.elementor-675 .elementor-element.elementor-element-396b74a5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-675 .elementor-element.elementor-element-396b74a5 .elementor-icon-list-item > a{font-size:2px;}.elementor-675 .elementor-element.elementor-element-44564428{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( -5px / 2 );}.elementor-675 .elementor-element.elementor-element-44564428.elementor-element{--align-self:center;}.elementor-675 .elementor-element.elementor-element-44564428 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-675 .elementor-element.elementor-element-44564428 .elementor-nav-menu--main .elementor-item{padding-left:10px;padding-right:10px;}.elementor-675 .elementor-element.elementor-element-44564428 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:-5px;}.elementor-675 .elementor-element.elementor-element-310d6dc3{--min-height:85px;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-26fe4b7f */.my-header {
  background-color: transparent; /* default */
  transition: background-color 0.4s ease;
}

.my-header.scrolled {
  background-color: #1A1A1A; /* after scroll */
  color: #FFF;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a2490cf */.my-header,
.my-header2 {
  background: linear-gradient(90deg, #00695C 50%, #A5D6A7 100%);
  transition: background 0.4s ease, color 0.4s ease, fill 0.4s ease;
}
/*

/* Background change after scroll */
.my-header.scrolled,
.my-header2.scrolled {
  background: #fff; /* solid white after scroll */
}
/* Add this for the mega menu link */
.my-header.scrolled .mega-sub-menu,
.my-header2.scrolled .mega-sub-menu {
  background-color: #fff !important;
}

/* Change text, links, icons color after scroll */
.my-header.scrolled *,
.my-header2.scrolled * {
  color: #000 !important; /* all text and links */
  fill: #000 !important;  /* for SVG icons */
}

a.mega-menu-link {
    font-family: 'Raleway' !important;
}
 .head11{
    display: none !important;
}


/* Default logo (before scroll) */
.my-header .custom-logo,
.my-header2 .custom-logo {
  content: url('https://tgpbio.com/wp-content/uploads/2025/10/ChatGPT-Image-Sep-27-2025-12_02_01-PM-e1758954873722.png'); 
  width: 200px;
  height: 80px;
  margin-top: -10px;
  object-fit: contain;
  transition: content 0.4s ease, width 0.4s ease, height 0.4s ease;
  cursor: pointer; /* pointer cursor added */
  position: relative; /* for overlay if needed */
}

/* Logo after scroll */
.my-header.scrolled .custom-logo,
.my-header2.scrolled .custom-logo {
  content: url('https://tgpbio.com/wp-content/uploads/2025/09/images__16_-removebg-preview.png'); 
  width: 200px;
  height: 80px;
  object-fit: contain;
  cursor: pointer;
}

/* Optional: Make entire logo area clickable if JS is used */
.my-header .custom-logo::after,
.my-header2 .custom-logo::after {
  content: "";
  position: absolute;
  inset: 0;
}


/* Mobile adjustment */
@media (max-width: 767px) {
  .my-header .custom-logo,
  .my-header2 .custom-logo,
  .my-header.scrolled .custom-logo,
  .my-header2.scrolled .custom-logo {
    width: 140px;   /* smaller logo width */
    height: 60px;   /* smaller logo height */
    margin-top: -5px;
  }
}

<script>
document.addEventListener('click', function(e) {
  if (e.target.classList.contains('custom-logo')) {
    window.location.href = 'https://www.tgpbio.com';
  }
});
</script>/* End custom CSS */