/*

Theme Name: Hello Elementor Child

Theme URI: https://github.com/elementor/hello-theme/

Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team

Author: Elementor Team

Author URI: https://elementor.com/

Template: hello-elementor

Version: 1.0.2

Text Domain: hello-elementor-child

License: GNU General Public License v3 or later.

License URI: https://www.gnu.org/licenses/gpl-3.0.html

*/
/*BIOCON BIOLOGICS*/
/*GLOBAL STYLES*/

/*GENERAL*/
body{
    -webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
font-smooth: never !important;
}
body:not(.elementor-editor-active) .elementor-menu-anchor:before {
content: "";
display:block;
height: 200px; 
margin: -200px 0 0; 
visibility: hidden;
pointer-events: none;
}
.fullcontainer{
    padding-left:calc((100% - 1140px) / 2) !important;
}

@media(max-width:768px){
    .timeline_item{
        margin-bottom:0px !important;
    }
    .timeline_item .title:after{
        background-color: transparent !important;
        border: 0px solid transparent !important;
    }
    .hero .heroimg img{ height: 184px !important; width: 100%; object-fit: cover; object-position: center center ; }
.inner-hero:after{
    width:360px !important;
    left: 0 !important;
    
    top:-40px !important;
    border-radius: 0px 10px 10px 0px !important;
}

.inner-hero .white-container{
        max-width: 1000px;
     margin-top: -0px !important; 
    transform: translateY(-20px) !important;
    padding: 0px 30px 0px 0 !important;
}
.page-sub-menu ul{
        display: flex;
    column-gap: 30px;
    flex-direction: column !important;
}

.pushleft.e-con > .e-con-inner {padding-right: 0px !important; }

}

body , .page-content {
    /*overflow-x: clip;*/
	overflow-x: hidden;
}
.elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play svg { transform: scale(1.15);}
.elementor-custom-embed-play svg{opacity: 1 !important; transition: transform 0.3s ease ;}
.line { overflow: hidden; }
	.green{color: var(--e-global-color-accent );}
a {color: inherit;}
.swiper-pagination-bullet{
    border: solid 1px;
    opacity: 1 !important;
    transition: all ease-in-out 0.3s;
    border-radius: 50px !important;
    margin: 0 4px!important;
}
.swiper-pagination-bullet:hover{
     width: 24px !important;
    transition: all ease-in-out 0.3s;
}
.swiper-pagination-bullet-active{
    width: 24px !important;
    transition: all ease-in-out 0.3s;
    background: #094B7D !important;
}

.btn a.elementor-button-link {
  display: inline-block;
  position: relative;
}

.btn a.elementor-button-link::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(1);
  height: 1px;
  bottom: 1px;
  left: 0;
  background-color: #094B7D;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
  pointer-events: none;
}
.btn a.elementor-button-link:hover::after {
  /*transform: scaleX(1);*/
  transform-origin: bottom left;
  animation-name: underline;
   animation-duration: .6s;
}
.btn .elementor-button-icon svg {
    width: 0.7em;
}
.btn a:hover .elementor-button-icon svg {
    -webkit-animation-name: resizeme;
    animation-name: resizeme;
    animation-duration: 0.3s;
    animation-timing-function: ease-in-out;
    transform-origin: left bottom;
}
@keyframes underline{
    0% {transform:scaleX(0);}
    100% {transform:scaleX(1);}
}
	.btn.cat-btn a:after{display:none;}
	.btn.cat-btn .elementor-button-icon svg path {stroke-width:0.25; stroke:var( --e-global-color-secondary );} 


/*Scientific publication*/

.sp-cont:hover .sp-text h2{
    font-weight: 500 !important;
}

.sp-cont:hover .elementor-button {
    fill: #094B7D !important;
color:#094B7D !important;
}



.btn1 a.elementor-button-link {
  display: inline-block;
  position: relative;
}

.btn1 a.elementor-button-link::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(1);
  height: 1px;
  bottom: 1px;
  left: 0;
  background-color: #094B7D;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
  pointer-events: none;
}
.btn1 a.elementor-button-link:hover::after {
  /*transform: scaleX(1);*/
  transform-origin: bottom left;
  animation-name: underline;
   animation-duration: .6s;
}
.btn1 .elementor-button-icon svg {
    width: 0.7em;
}
.sp-cont:hover .elementor-button-icon svg {
    -webkit-animation-name: resizeme;
    animation-name: resizeme;
    animation-duration: 0.3s;
    animation-timing-function: ease-in-out;
    transform-origin: left bottom;
}

	.btn1.cat-btn a:after{display:none;}
	.btn1.cat-btn .elementor-button-icon svg path {stroke-width:0.25; stroke:var( --e-global-color-secondary );} 



.card-link:hover .btn .elementor-button-icon svg {
        -webkit-animation-name: resizeme;
    animation-name: resizeme;
    animation-duration: 0.3s;
    animation-timing-function: ease-in-out;
    transform-origin: left bottom;
}
.card-link .btn .elementor-button-icon svg { animation: none; }
.card-link .btn a.elementor-button-link:hover::after { animation: none;}
.card-link:hover .btn a.elementor-button-link::after {
  /*transform: scaleX(1);*/
  transform-origin: bottom left;
  animation-name: underline;
   animation-duration: .6s;
}
.download:hover svg .arrow{animation-name: downarrow;-webkit-animation-name: downarrow; animation-duration: 0.8s; animation-timing-function: ease;}
@keyframes downarrow{
    0% {transform:translateY(0%); opacity: 1;}
    50% {transform:translateY(100%); opacity: 0;}
    51% {transform:translateY(-100%); opacity: 0;}
    100% {transform:translateY(0%); opacity: 1;}
}
/*
.cta-icon a:hover svg{
     -webkit-animation-name: resizeme;
    animation-name: resizeme;
    animation-duration: 0.3s;
    animation-timing-function: ease-in-out;
    transform-origin: left bottom;
}
.cta-icon a:hover {
    box-shadow: 
      0 0 0 0 var(--hover),
      inset 6em 3.5em 0 0 var(--hover);
}*/
.bblogin { transform: scale(1); transition: transform 0.5s ease; }
.bblogin:hover { transform: scale(1.075); transition: transform 0.5s ease; }
.sticky-menu .whitelogo{
    position: absolute;
    opacity: 0;
}
.elementor-widget-icon .elementor-icon-wrapper{
    display: flex;
    align-items: center;
}
	.hover-underline a{
        width: calc(100%);
		text-decoration: none;
    background-image: linear-gradient(var( --e-global-color-primary ), var( --e-global-color-primary ));
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .6s;
	}
		.hover-underline.white a{
    background-image: linear-gradient(#fff, #fff);
	}
	.hover-underline:hover a , .hover-underline:focus a{
    background-size: 100% 1px;
}

/*Footer*/
body:not(.home) .footer_connect{background-color: #fff;}
body.home .footer_connect{ background-color: var( --e-global-color-f1fc35c );}
.footer-social .elementor-social-icons-wrapper .elementor-grid-item:nth-child(2) svg{ width: 0.85em; height: 0.85em;}
.footer-social .elementor-social-icon{ align-items: end !important;}
.footer-menu .elementor-icon-list-item:hover a{font-weight: 400 !important;}
.footer_connect .greendiv .connect .elementor-heading-title:after{
    content: '';
    width: 54px;
    height: 44px;
    background-image: url("https://ummdigital.tech/bioconbiologics/wp-content/uploads/2023/07/Group-138-1.svg");
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(1);
}
.footer_connect .greendiv:hover .connect .elementor-heading-title:after{animation-name: carrow; transform-origin: left bottom; animation-duration: 0.3s;}
@keyframes carrow {
  from {transform: scale(0);}
  to {transform: scale(1);}
}

/*HOME*/
.xcard .ctf-carousel-more{display: none;}
.xcard .ctf-owl-stage-outer::after { 
    content: '';
    position: absolute;
    display: inline-block;
    z-index: 2;
    width: 11px;
    height: 100%;
    left: 0; top: 0;
    background: var( --e-global-color-f1fc35c );
    pointer-events: none; 
}
.xcard:after { 
    content: '';
    position: absolute;
    display: block;
    z-index: 2;
    width: 20%;
    height: 100%;
    right: 0; top: 0;
    background: linear-gradient(268.89deg, #F6F5FF 10.2%, rgba(255, 255, 255, 0) 98.9%);
    pointer-events: none;
}
#ctf .ctf-item{
    padding: 35px;
    /*box-shadow: 7px 2px 51px 0px rgba(58, 89, 253, 0.1) !important;*/
    height: 480px !important;
}
.ctf-carousel .ctf-owl-item{ padding: 0 10px !important;}
.ctf-carousel .ctf-owl-nav .ctf-owl-prev{ left: 10px; }
.ctf-carousel .ctf-owl-nav .ctf-owl-next{ left: 60px; }
.ctf-carousel .ctf-owl-nav .ctf-owl-next, .ctf-carousel .ctf-owl-nav .ctf-owl-prev{ background: none !important; color: #8e7cff; }
.ctf-owl-next svg , .ctf-owl-prev svg{ opacity: 0;}
.ctf-owl-next:after , .ctf-owl-prev:after{
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
}
.ctf-owl-prev:after{
    right: 0;
    background:url(https://ummdigital.tech/bioconbiologics/wp-content/uploads/2024/02/Vector.svg) !important;
}
.ctf-owl-next:after{
    left: 0;
    background:url(https://ummdigital.tech/bioconbiologics/wp-content/uploads/2024/02/Vector.svg) !important;
    transform: rotate(180deg);
}
.ctf-owl-nav {margin-top: 20px !important;}
.home .elementor-location-header{
    height: 0;
}
.home header.sticky-menu .e-n-menu-title-text{
    color: #ffffff !important;
}
.home header.sticky-menu {
    background-color: rgba(244, 245, 248, 0);
}
.home header.sticky-menu.elementor-sticky--effects .e-n-menu-title-text{
    color: #094B7D !important;
}
.home .sticky-menu .darklogo{ opacity: 0; }
.home .sticky-menu .whitelogo{ opacity: 1; }
.home .sticky-menu .iconmenu a.elementor-button{ background-color: rgba(255, 255, 255, 0) !important;}
.home .sticky-menu.elementor-sticky--effects .iconmenu a.elementor-button{ background-color: var(--e-global-color-primary) !important;}
.home .sticky-menu .iconmenu .elementor-icon svg {fill: #fff !important;}
.home .sticky-menu.elementor-sticky--effects .iconmenu .elementor-icon svg { fill:var(--e-global-color-primary) !important;}
.sticky-menu .menuwidget:hover + .iconmenu .elementor-icon svg {fill: #fff !important;} 
.home-slider .swiper-slide{
    overflow: hidden;
}
.home-slider .swiper-pagination-bullet{
    border-color: #fff;
    margin: 0 5px!important;
}
.home-slider .swiper-pagination-bullet:hover{
     width: 28px !important;
}
.home-slider .swiper-pagination-bullet-active{
    width: 28px !important;
    background: #fff !important;
}
.home-slider .swiper-pagination{
    bottom: 100px !important;
    left: 100px !important;
    width: auto !important;
}
.home-slider span.second{display:block; margin-top: -0.25em;}
.home-slider span.hletter{padding-left: 0.19em;}
.story-slider .swiper-pagination-bullet{
    border-color:#094B7D;
}
	.story-slider .elementor-widget-video .elementor-custom-embed-image-overlay img{aspect-ratio:auto !important; max-height: 435px;}
    .story-slider .cta-icon .elementor-icon svg{transform: scale(1); transition: transform 0.3s ease; transform-origin: left bottom;}
    .story-slider .cta-icon:hover .elementor-icon svg{animation-name: resizeme; animation-duration: 0.3s;}
	.newsletter .elementor-field-type-submit .elementor-button .elementor-button-icon{display:none;}

@media only screen and (max-width: 767px) {
.fullcontainer{
    padding-left:0px !important;
}
	.fullcontainer.tweetcontainer {padding-left:30px !important;}
.home-slider .swiper-pagination-bullet:hover{
     width: 16px !important;
}
.home-slider .swiper-pagination-bullet-active{
    width: 16px !important;
    background: #fff !important;
}
.home-slider .swiper-pagination{
    bottom: 60px !important;
    left: 30px !important;
    width: auto !important;
}
.facts .elementor-counter-title{
    max-width:280px;
}
.home .commitment {
    background-color: transparent !important;
}
.home .commitment .elementor-heading-title{
    color: #ffffff !important
}
.home .commitment .btn a.elementor-button{
   color: #ffffff; 
}
.home .commitment .btn a.elementor-button-link::after{
    background-color: #fff;
}
.home .commitment .btn .elementor-button-icon svg{
    fill:#fff
}
.connect .elementor-heading-title:after{
    width:30px !important;
    height:22px !important;
}
.newsletter .elementor-button .elementor-button-text{
    display:none;
}
.newsletter .elementor-button .elementor-align-icon-right{
    margin-left:0px;
}
.newsletter .elementor-button .elementor-button-icon svg{
    width:1.6em !important;
}
.newsletter .elementor-field-type-submit{
    width:15% !important;
}
.newsletter .elementor-field-group-email{
    width:80%;
}
.newsletter input.elementor-field-textual {
    min-height: 38px;
    padding: 10px 20px;
}
.newsletter .elementor-button .elementor-button-icon {display:flex !important;}
}

.story-div .e-con-inner:before , .story-div:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  pointer-events: none;
}
	
.story-div .e-con-inner:before{
    left: 0;
    background: #fff;
    display: block !important;
}
.story-div:after{
    right: 0;
    background: linear-gradient(to left, rgba(234,244,255,1) 0%, rgba(234,244,255,0) 100%);
}

.story-slider .swiper{
    overflow: visible;
}

.facts .elementor-counter .elementor-counter-title{
    text-align: left !important;
}
.facts .elementor-counter-number-prefix{
    display: none;
}
.facts .elementor-counter-number{
    margin-right: 20px;
    transition: all ease 0.3s;
}
.facts .elementor-counter-title{
    margin-top: 10px;
}
.our-firsts .swiper.elementor-loop-container{
    margin-bottom:40px;
}
.our-firsts .elementor-swiper-button{
    top: auto !important;
}
.our-firsts .elementor-swiper-button-prev{
    left: 0px !important;
}
.our-firsts .elementor-swiper-button-next{
    left: 40px !important;
}
.our-firsts .swiper{
    overflow: unset;
    z-index: 1;
}
.our-firsts .swiper-slide.e-loop-item:not(:last-child) {
    border-right: solid 1px rgba(255, 255, 255, 0.15);
    padding-right: 40px;
}/*
.our-firsts .swiper:before {
    content: '';
    width: 94vw;
    height: 100%;
    background: linear-gradient(90deg,
    rgba(9,72,120,1) 0%,rgba(9,72,120,1) 2%, rgba(9,72,120,0) 4%, rgba(9,72,120,0) 90%, rgba(9,72,120,1) 100%);
    z-index: 2;
    position: absolute;
    left: -3.5vw;
    pointer-events: none;
}*/
.ourfirstdiv::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,
    rgba(9,72,120,1) 0%,rgba(9,72,120,1) 2%, rgba(9,72,120,0) 4%, rgba(9,72,120,0) 90%, rgba(9,72,120,1) 100%);
    z-index: 2;
    position: absolute;
    left: 0;
    pointer-events: none;
}
.ourfirstdiv .e-n-tabs-heading{
    z-index: 3;
}
.ourfirstdiv .e-n-tabs-content{
    z-index: 1;
}


.newsletter .elementor-field-type-acceptance{
    position: absolute;
    bottom: 0;
}
.newsletter .elementor-field-group.elementor-field-type-submit {
    align-items: stretch;
}
.newsletter input[type="checkbox"], selector input[type="radio"] {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.newsletter input.elementor-field-textual{
    min-height: 64px;
    padding: 10px 30px;
}
/* For Checkbox */
.elementor-field-type-acceptance div label{
    font-size: 12px !important;
    font-weight: 500;
    line-height: 18px !important;
    color: #094B7D !important;
}
.elementor-field-type-acceptance div label a {
  display: inline-block;
  position: relative;
}
.elementor-field-type-acceptance div label a::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(1);
  height: 1px;
  bottom: 0px;
  left: 0;
  background-color: #094B7D;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.elementor-field-type-acceptance div label a:hover::after {
  /*transform: scaleX(1);*/
  transform-origin: bottom left;
  animation-name: underline;
   animation-duration: .6s;
}
.elementor-field-type-acceptance > div label:before {
	content: "";
	display: inline-block;
	width: 19px;
	height: 19px;
	border-radius: 50px;
	margin-right: 0.5em;
	vertical-align: -5px;
	border: 2px solid rgba(0,0,0,0.25);
	padding: 0.12em;
	background-color: transparent;
	background-clip: content-box;
	transition: all 0.2s ease;
}
.elementor-field-type-acceptance > div label {
	margin-right: 1em;
	position: relative;
}
.elementor-field-type-acceptance > div label:after {
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	content: "";
	height: 10px;
	left: 4px;
	position: absolute;
	top: 8px;
	transform: scaleX(-1) rotate(135deg);
	transform-origin: left top;
	width: 6px;
	display: none;
}
.elementor-field-type-acceptance > div input:hover + label:before {
	border-color: #094B7D;
}
.elementor-field-type-acceptance > div input:checked + label:before {
	border-color: #094B7D;
	background: #094B7D;
}
.elementor-field-type-acceptance > div input:checked + label:after {
	-moz-animation: check 0.8s ease 0s running;
	-webkit-animation: check 0.8s ease 0s running;
	animation: check 0.8s ease 0s running;
	display: block;
	width: 6px;
	height: 10px;
	border-color: #fff;
}
@keyframes check {
 0% {
 height: 0;
 width: 0;
}
 25% {
 height: 0;
 width: 6px;
}
 50% {
 height: 11px;
 width: 6px;
}
}
/*Checkbox end*/

.post-two .e-loop-item:not(:last-child){
    border-right: solid 1px rgba(0, 0, 0, 0.05);
}
.post-three .e-loop-item:not(:last-child){
    border-bottom: solid 1px rgba(255, 255, 255, 0.15);
}
.purplegrad .e-con-inner:before{
    content:'';
    width: 50vw;
    height: 50vw;
    position: absolute;
    background: radial-gradient(68.98% 68.98% at 68.88% 33.66%, #8e7cff 0%, rgba(197, 124, 255, 0.0) 100%);
right: -5vw;
bottom: -5%;
opacity: 0.35;
filter: blur(77.5px);
	z-index:-1;
}
	.news.purplegrad .e-con-inner:before{
		opacity:0.35;
		bottom: 35%;
		right: -45vw;
	}
.green-halo .e-con-inner:before{
    content:'';
    width: 50vw;
    height: 50vw;
    position: absolute;
background: radial-gradient(68.98% 68.98% at 68.88% 33.66%, rgba(37, 255, 242, 0.80) 0%, rgba(124, 208, 255, 0.00) 100%);
left: -25vw;
bottom: 0;
opacity: 0.35;
filter: blur(77.5px);
}


/* RESPONSIVE SETTING*/
@media screen and (max-width:1300px){
	.fullcontainer {
	padding-left:0px !important;
	}
}
@media screen and (max-width:1250px){
	.iconmenu{display:none;}
		.menudiv{display:none;}
	.ham-menu{display:flex;}
	
}
@media screen and (max-width:1200px){

}
@media screen and (max-width:1024px){
	.mega-child{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:auto;
}
.menuwidget:before{
    display:none;
}
.menuwidget:after{
    display:none;
    max-width:100% !important;
}
.e-n-menu-content.e-active{
    height: 100vh;
    position: fixed !important;
    top: 0px !important;
 background-color: var(--e-global-color-primary ) !important;
    width: 100%;
    left: 0px !important;
    padding-top:10% !important;
}
.elementor-widget-n-menu .e-n-menu-content>.e-n-menu-title{
    background-color:transparent !important;
}
.mega-child{
    position:fixed !important;
    width:100% !important;
    max-width:100vw !important;
    height:100vh !important;
    top:0% !important;
    left:0 !important;
    background-color: var(--e-global-color-primary ) !important;
}
}
@media screen and (max-width:767px){
	.menudiv{display:none;}
	.ham-menu{display:flex;}
	.mobile400 .elementor-heading-title{font-weight:400 !important;}
	.mobile500 .elementor-heading-title{font-weight:500 !important;}
	.home-slider .swiper-pagination-bullet{
    width:8px !important;
		height:8px !important;
		margin: 0 3px!important;
}
	.home-slider .swiper-pagination-bullet:hover{
     width: 16px !important;
}
.home-slider .swiper-pagination-bullet-active{
    width: 16px !important;
}
	.elementor-slides .swiper-slide-bg {
    background-position: 58% !important;
}
	.twitter .elementor-heading-title{display:flex;}
	.shadow {box-shadow: 7px 27px 51px 0px #3A59FD1A;}
	.story-slider .elementor-image-box-description { display:none; }
	.story-slider .elementor-image-box-wrapper{display:flex;}
	.story-slider .elementor-image-box-content{display:flex;}
	.story-slider .elementor-image-box-title{margin-top:auto; margin-bottom:auto !important;}
	.post-two .e-loop-item:not(:last-child) {
    border-right: solid 1px rgba(0, 0, 0, 0);
}
	.purplegrad .e-con-inner:before {
    width: 400px;
    height: 400px;
    left: -50%;
    bottom: -130%;
}
	.news.purplegrad .e-con-inner:before{
		width: 500px;
    height: 500px;
    left: auto;
		right:-50%;
    bottom: 50%;
		opacity:0.35;
	}
	.green-halo .e-con-inner:before {
    width: 400px;
    height: 400px;
		left:auto;
    right: -50%;
    bottom: 20%;
}
}
/*
.text-focus-in {
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}*/


/* animation */

 /* Improved Animations Stylesheet 

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-50px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-50px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(50px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,50px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}
*/

.text-focus-in .elementor-counter-number {
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}


 /* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */
.swiper-slide-contents.animated.fadeInUp{
    animation-name:fademeup !important;
    /*overflow: hidden;*/
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
	@keyframes slideInUp{
		    from {
        transform: translate3d(0,30px,0);
    }
    to {
        transform: none;
    }
	}
.fadeInUp{
    animation-name:fademeup !important;
    overflow: hidden;
}

@keyframes fademeup {
	0% {
    transform: translate3d(0,30px,0);
   opacity:0;
}
	100% {
    transform: translate3d(0,0,0);
    opacity:1;
}
}
@keyframes fademeup2 {
	0% {
    transform: translate3d(0,50%,0);
   opacity:0;
}
	100% {
    transform: translate3d(0,0,0);
    opacity:1;
}
}
.slideInUp{
    animation-name:slidemeup !important;
    overflow: hidden;
}

@keyframes slidemeup {
    0% {
    transform: translate3d(0,30px,0);
}
    100% {
    transform: translate3d(0,0,0);
}
}


/*GLOBAL STYLES*/
.related-card:hover .elementor-heading-title{ color:var( --e-global-color-primary ); }
.related-card .btn a.elementor-button-link::after {transform: scaleX(0); transform-origin: left; height: 1px; bottom:-4px;}
.related-card:hover .btn a.elementor-button-link::after {transform: scaleX(1);}
.related-card:hover .btn a.elementor-button-link{fill:var( --e-global-color-primary ); color: var( --e-global-color-primary );}
.related-card .btn a:hover.elementor-button-link::after {transform: none !important;}
.related-card .btn a:hover .elementor-button-icon svg {animation: none !important;}
.related-card:hover .btn a .elementor-button-icon svg {    animation-name: resizeme !important;
    animation-duration: 0.3s;
    animation-timing-function: ease-in-out;
    transform-origin: left bottom;}
.related-card:hover .title .elementor-heading-title{transition: all 0.3s ease; color:var( --e-global-color-primary ) !important; }
.related-card .title .elementor-heading-title{transition: all 0.3s ease;}


/*
.truncate .elementor-heading-title { 
    display: -webkit-box;
    -webkit-line-clamp: var(--line-clamp, 2);
    -webkit-box-orient: vertical;
    word-break: var(--word-break, 'none');
    overflow: hidden;
    hyphens: auto;
    text-align: var(--align, left);
      --is-single-line: 1 - Clamp(0, Calc(var(--line-clamp) - 1), var(--line-clamp));
    --delay: Calc(-1s * (var(--is-single-line, 1) - 1)); 
  }
.truncate .elementor-heading-title a{ 
  display: -webkit-box;
  -webkit-line-clamp: var(--line-clamp, 2);
  -webkit-box-orient: vertical;
  word-break: var(--word-break, 'none');
  overflow: hidden;
  hyphens: auto;
  text-align: var(--align, left);
    --is-single-line: 1 - Clamp(0, Calc(var(--line-clamp) - 1), var(--line-clamp));
  --delay: Calc(-1s * (var(--is-single-line, 1) - 1)); 
}
.white.truncate .elementor-heading-title a{ -webkit-line-clamp: var(--line-clamp, 4); }



/* HOME PAGE */

/*INNER PAGE GLOBAL*/
.elementor-widget-text-editor:not(.paralist) ul li::marker{font-size: 0.75em;}
.elementor-widget-text-editor:not(.paralist) ul{padding-left: 20px;}
.pgtitle{margin-bottom: -8px !important;}
body:not(.home) h1{
    /*padding-bottom: 8px;*/
    margin-left: -2px;
    margin-bottom: 20px;
}
body:not(.home) h2{
    color: var( --e-global-color-primary );
    /*margin-bottom: 22px;
    margin-top: 28px;*/
}
body:not(.home) h3{
    color: var( --e-global-color-primary );
     margin-bottom: 22px;
}
h4{color: var( --e-global-color-primary );}
h5{color: var( --e-global-color-primary );}
.title h5{
    margin-bottom: 18px;
}
/*body:not(.home) .para {
    margin-bottom: 30px !important;
}*/
.para p{margin-block-end: 30px !important;}
.paralast p:last-child{ margin-bottom: 0px !important;}
body:not(.home) .parafirst {margin-top: 22px !important;}
.related.elementor-widget-loop-grid{overflow: visible !important;}
.pushleft.e-con > .e-con-inner {padding-right: 150px; }

.hero {background-color:#F1FAFF; overflow: hidden;}
/*.hero .heroimg {   --align-self: stretch; --flex-grow: 1;
    --flex-shrink: 0;}*/
.hero .heroimg img{ height: 580px; width: 100%; object-fit: cover; object-position: center center; }


#breadcrumbs {margin-bottom: 10px; color: rgba(0, 0, 0, 0.4);}
#breadcrumbs .breadcrumb_last{font-weight: 500 !important; color: rgba(0, 0, 0, 0.6);}
.inner-hero{overflow: visible !important; --margin-block-end:-60px !important;}
.inner-hero .white-container .e-con-inner{--padding-block-end: -10px !important; margin-bottom: -7px;}
.inner-hero .white-container {max-width: 1000px; /*margin-top: -160px;*/transform: translateY(-160px); padding: 50px 150px 0px 0;}
.inner-hero .white-container.short {padding: 50px 50px 0 0;}
.inner-hero.small .white-container{transform: translateY(-290px);}
.inner-hero.small:after{ top:-290px;}
.inner-hero.small {--margin-block-end:-190px !important;}
.inner-hero.small.withmenu {--margin-block-end:-29px !important;}
.single-leadership .inner-hero .e-con-inner{position: relative;}
.inner-hero:after{
content: '';
width: 100vw;
height: calc(100% + 0px);
position:absolute;
right: calc((100% - var(--content-width)) / 2);
/*left: -150px;*/
top:-160px;
background: #fff;
border-radius: 0px 32px 32px 0px;
z-index: 0;
box-shadow: 7px 27px 51px 0px rgba(58, 89, 253, 0.05);
}


.inner-page-sub-menu ul li:hover a:after { transform:scale(1.0); }
.inner-page-sub-menu ul li a .elementor-icon-list-text { max-width: 95%;}
.inner-page-sub-menu ul li:hover a .elementor-icon-list-text{ font-weight:600 !important; }
.inner-page-sub-menu ul li:hover a:before{ height:1px;}
.inner-page-sub-menu ul li a{opacity: 0.9;}
.inner-page-sub-menu ul li:hover a{opacity: 1;}
.inner-page-sub-menu{ margin-bottom: 40px;}
.page-sub-menu ul{
display: flex;
flex-wrap: wrap;
column-gap: 30px;
}
.inner-page-sub-menu ul li{
    flex-basis: calc(33.33% - 30px);
}
.page-sub-menu ul li a{justify-content: flex-start; column-gap:10px;}
.page-sub-menu ul li a:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(106, 177, 225, 1);
}
.inner-page-sub-menu ul li a:after{
    margin-left: 5px;
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(https://ummdigital.tech/bioconbiologics/wp-content/uploads/2024/04/upright.svg);
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
    transform: scale(0);
    transform-origin: left bottom;
    transition: all 0.3s ease;
}




.page-sub-menu{ margin-bottom: 40px;}
.page-sub-menu ul{
display: flex;
flex-wrap: wrap;
column-gap: 30px;
}
.page-sub-menu ul li{
    flex-basis: calc(33.33% - 30px);
}
.page-sub-menu ul li a{justify-content: flex-start; column-gap:5px;}
.page-sub-menu ul li a:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(106, 177, 225, 1);
}
.page-sub-menu ul li a:after{
content: '';
display: inline-block;
width: 14px;
height: 14px;
background-image: url(https://ummdigital.tech/bioconbiologics/wp-content/uploads/2024/04/upright.svg);
background-size: contain;
background-position: top right;
background-repeat: no-repeat;
transform: scale(0);
transform-origin: left bottom;
transition: all 0.3s ease;
}
.page-sub-menu ul li:hover a:after { transform:scale(1.0); }
.page-sub-menu ul li a .elementor-icon-list-text { max-width: 95%;}
.page-sub-menu ul li:hover a .elementor-icon-list-text{ font-weight:600 !important; }
.page-sub-menu ul li:hover a:before{ height:1px;}
.page-sub-menu ul li a{opacity: 0.9;}
.page-sub-menu ul li:hover a{opacity: 1;}
.page-sub-menu.second ul li a::after{display: none;}
.page-sub-menu.second ul li a .elementor-icon-list-text{    padding-top: 8px;
    padding-bottom: 11px;}
.page-sub-menu.second ul li:hover a .elementor-icon-list-text{ color:var( --e-global-color-primary );}
.page-sub-menu.second ul li a:before{background:rgba(106, 177, 225, 1);}
.page-sub-menu.second ul li:hover a:before{background: rgba(9, 72, 120, 1); height: 1px;}
.page-sub-menu.second { margin-top: 24px; margin-bottom: 12px !important;}

.paralist ul { list-style-type:none; padding-left: 38px;}
.paralist ul li{position: relative; padding-top: 33px; padding-bottom: 33px; padding-right: 5%;}
.paralist ul li:not(:last-child){border-bottom: solid 1px rgba(9, 75, 125, 0.35);}
.paralist ul li:before{ content: ''; position: absolute; width:17px; height: 25px; left: -38px; top: 42px;
    background-image: url("https://ummdigital.tech/bioconbiologics/wp-content/uploads/2024/02/Group-457.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
 }
.paralist ul ul { list-style-type:disc; list-style-image: none; padding-left: 28px; padding-top: 12px; }
.paralist ul ul li::marker{font-size: 0.5em;}
.paralist ul ul li::before{display: none;}
.paralist ul ul li {padding-top:5px; padding-bottom:5px; padding-right: 0; border-bottom: none !important;}

.gradicon .elementor-widget-container{
    width: 100%;
    position: relative;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
}/*
.gradicon::after{
    content: '';
    position: absolute;
    border: solid 2px #094B7D;
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(93.28% 93.28% at 50% 64.8%, rgba(82, 214, 255, 0.7) 0%, rgba(82, 214, 255, 0) 92.71%);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    top: 0; left: 0;
    --mask: 
      linear-gradient(#094B7D, #094B7D) padding-box, 
      conic-gradient(#094B7D var(--p, 90%), transparent 0%) border-box;
    -webkit-mask: var(--mask);
            mask: var(--mask);
    z-index: -1;
    transform: rotate(50deg);
}*/
.gradicon{margin-bottom: 20px !important;}
.gradicon .wp-caption{position: relative;}
.gradicon img{z-index: 0;}
.gradicon .widget-image-caption{
    position: absolute;
    width: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0) !important;
    padding: 15%;
}
.gradicon .widget-image-caption:after{
    content: '';
    position: absolute;
    filter: blur(20px);
    z-index: 2;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform: scale(0.85 , 0.85);
    transform-origin: center center;
    z-index: -1;
}
.gradicon.blue .widget-image-caption:after{
    background: radial-gradient(93.28% 93.28% at 50% 64.8%, rgba(82, 214, 255, 0.7) 0%, rgba(82, 214, 255, 0) 92.71%) !important;
}
.gradicon.green .widget-image-caption:after{
    background: radial-gradient(93.28% 93.28% at 50% 64.8%, rgba(54, 255, 219, 0.7) 0%, rgba(54, 255, 219, 0) 92.71%) !important;
}
.gradicon.purple .widget-image-caption:after{
    background: radial-gradient(93.28% 93.28% at 50% 64.8%, rgba(219, 116, 255, 0.7) 0%, rgba(219, 116, 255, 0) 92.71%);
}


/*ABOUT*/
.glow-icons {overflow: visible;}
.glow-icons .elementor-widget-container{
    display: flex !important;
    flex-direction: column !important;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    z-index: 1;
    padding: 20%;
}
.glow-icons .elementor-widget-container:after{
    content: '';
    position: absolute;
    filter: blur(20px);
    z-index: 2;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: -1;
}
.glow-icons.blue .elementor-widget-container:after{
    background: radial-gradient(93.28% 93.28% at 50% 64.8%, rgba(82, 214, 255, 0.4) 0%, rgba(82, 214, 255, 0) 92.71% ) !important;
}
.awards-loop .e-loop__load-more .elementor-button{aspect-ratio: 1 / 1;
    border-radius: 50%;
    max-width: 40px;
    justify-content: center;
    align-items: center;
    display: inline-flex;}
.award-card .fimg  img{
    box-shadow: 0px 1px 15px 0px rgba(58, 89, 253, 0.05);
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center center;
    min-width: 232px;
}
.awards .e-loop__load-more{position: relative; margin-top: 55px !important; margin-bottom: -104px; z-index: 10;}
.awards .e-loop__load-more:after{
    content:'';
    background-color: #F1FAFF;
    width:84px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    position: absolute;
    top:-17px;right: -17px;
    z-index: 0;}
.awards .e-loop__load-more .elementor-button-link { z-index: 1;}
/*.milestone > .e-con-inner:before{
    content:'';
    width: 50vw;
    height: 50vw;
    position: fixed;
background: radial-gradient(68.98% 68.98% at 68.88% 33.66%, rgba(37, 255, 242, 0.80) 0%, rgba(124, 208, 255, 0.00) 100%);
background-repeat: no-repeat;
left: -25vw;
top: 0;
opacity: 0.35;
filter: blur(77.5px);
}
.milestone > .e-con-inner:after{
    content:'';
    width: 50vw;
    height: 50vw;
    position: fixed;
    background: radial-gradient(66.34% 66.34% at 68.88% 33.66%, #7C99FF 0%, rgba(197, 124, 255, 0) 100%);
background-repeat: no-repeat;
right: -10vw;
top: 60vh;
opacity: 0.35;
filter: blur(77.5px);
}*/
body.elementor-page-4132:not(.elementor-motion-effects-element-type-background), body.elementor-page-4132 > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-position: 0% 30% !important;}
.milestone .e-con-inner{position: relative;}
.mileglow{height: 100vh; width: 100vw; position: relative}
.greenglow{
    background: radial-gradient(68.98% 68.98% at 68.88% 33.66%, rgba(37, 255, 242, 0.80) 0%, rgba(124, 208, 255, 0.00) 100%);
    background-repeat: no-repeat;
    width: 50vw;
    height: 50vw;
    position: absolute;
    left: -25vw;
    top: 0;
    opacity: 0.35;
    filter: blur(77.5px);
}
.purpleglow{
    background: radial-gradient(66.34% 66.34% at 68.88% 33.66%, #7C99FF 0%, rgba(197, 124, 255, 0) 100%);
    background-repeat: no-repeat;
    width: 50vw;
    height: 50vw;
    position: absolute;
    right: -10vw;
    top: 60vh;
    opacity: 0.35;
    filter: blur(77.5px);
}
.milestone .scrollcontent{margin-bottom: 100px;}
.mile-quote .elementor-testimonial-content{ margin-bottom:30px !important;}
.timeline_item p {border-bottom: 0.35px solid #094878; padding-bottom: 22px; margin-bottom: 22px; }
.timeline_item p:last-child{border-bottom: none;}
.timeline_item { position: relative;}
.timeline_item .title:after{
    content: '';
    background-color: #F1FAFF;
    border: 4px solid #0948781A;
    position: absolute;
    top: 40px;
    right: -8px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    /*z-index: 150;*/
}
.team-card .fimg a{width: 100%;}
.team-card .fimg img{aspect-ratio: 1 / 1; box-shadow: 1px 0px 10px 0px rgba(58, 89, 253, 0.05); width: 100%; object-fit: cover; object-position: top center;
    ; transform: scale(1); transition: transform 0.6s ease;}
.team-card .fimg{overflow: hidden; border-radius: 10px;}
.team-card:hover .fimg img{ transform: scale(1.1);}
.team-card:hover .btn .elementor-button{color: var( --e-global-color-primary ) !important; fill: var( --e-global-color-primary ) !important;}
.team-card .btn a.elementor-button-link::after{ transform: scaleX(0); bottom: -2px;}
.team-card:hover .btn a.elementor-button-link::after{ transform: scaleX(1); transform-origin: left; animation-name: unset; }
.team-card:hover .btn a .elementor-button-icon svg {
    animation-name: resizeme !important;
    animation-duration: 0.3s;
    animation-timing-function: ease-in-out;
    transform-origin: left bottom;
}
.team-card .btn a:hover .elementor-button-icon svg{animation: none;}
.pagemenu.elementor-sticky--effects{ --min-height: 80px !important; transition: all 0.3s ease; background-color: rgba(241, 250, 255, 0.90) !important; box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.01); z-index: 10 !important; 
   -webkit-backdrop-filter:  blur(3px);
	backdrop-filter: blur(3px);
}
.pagemenu.elementor-sticky--effects .bline {opacity: 0; transition: all 0.3s ease; }
.pagemenu > .e-con-inner {position: relative;}
.pagemenu .e-n-menu-title:hover a{ font-weight: 600 !important; }
.pagemenu .e-current a{ font-weight: 600 !important;}
.years-menu .e-n-menu-title.active a{font-weight: 600 !important; color: #094878 !important;}
.years-menu .e-n-menu-title-text:hover{font-weight: 600 !important; color: #094878 !important;}

/*CHK IF NEEDED*/
.tab-menu .e-n-tab-title[aria-selected=true] {font-weight: 600 !important;}
.tab-menu .e-n-tabs-heading {height: 100px; border-bottom: 2px solid #B7CEDD !important; opacity: 0 !important; pointer-events: none !important; height: 0 !important;}
/*.tab-menu {transform: translateY(-100px);}
.tab-menu.fixed-header .e-n-tabs-heading{ position: fixed !important; height: 80px; background-color: red !important; z-index: 50;}*/


/*LEADERSHIP PAGES*/
.leadership .fimg{box-shadow: 1px 0px 10px 0px #3A59FD0D;}
.leader-content ul {padding-inline-start:0px; max-width: 860px; font-size: 18px; line-height: 27px; position: relative;}
.leader-content ul li {padding-left: 15px;}
.leader-content ul li::marker{content:'';}
.leader-content ul li::before {
    content: '•';
    font-size: 16px;
  position: absolute;
  left: 0;
  }
.leader-content ul li ul {font-size: 18px; padding-inline-start:0px; position: relative; margin-left: 10px;}
.leader-content .wp-block-separator{height: 0.35px; border: unset; background-color: #094878; margin-top: 42px; margin-bottom: 42px;}
.leader-content p{margin-bottom: 30px; font-size: 19px; max-width: 850px;}
.leader-video .arrow-list .elementor-icon-list-item a{flex-direction: row-reverse !important;}
.leader-video .arrow-list .elementor-icon-list-text {position: relative; padding: 0 !important;}
.leader-video .arrow-list .elementor-icon-list-text:after { 
    content: '';
    position: absolute;
    width: 100%;
    height: 1.5px;
    background-color: #094878;
    bottom: 0;
    left: 0;
}
.leader-video .arrow-list .elementor-icon-list-icon{padding-left: 15px;}
.leader-video .arrow-list .elementor-icon-list-item:hover .elementor-icon-list-icon svg path{ -webkit-animation-name: resizeme;
        animation-name: resizeme;
        animation-duration: 0.3s;
        animation-timing-function: ease-in-out;
        transform-origin: left bottom;}
.leader-video .elementor-custom-embed-play svg{opacity: 1;}
.leader-video .fvideo {border-radius: 22px; overflow: hidden;}
.leader-video .fvideo .elementor-open-inline .elementor-custom-embed-image-overlay{background-size: 100%; transition: all 0.3s ease;}
.leader-video .fvideo:hover .elementor-open-inline .elementor-custom-embed-image-overlay {background-size: 105% !important; transition: all 0.3s ease;}
.leader-video {display: none !important;}
.postid-4261 .leader-video{display: flex !important;}
.leader-content .elementor-widget-container > *:last-child{margin-bottom: 0 !important;}