/* ===================================================================================

* Theme Name: Bioxlab Child
* Theme URI: https://www.themepure.net/wp/bioxlab/
* Author: Theme_Pure
* Author URI: https://themeforest.net/user/theme_pure/portfolio
* Description: Bioxlab – Laboratory & Science Research WordPress Theme
* Version: 1.0.0
* Template: bioxlab
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */
p{
    font-family:'Poppins', sans-serif;
    color:#000 !important;
}
.fs-16 p{font-size:16px !important;}
.fs-14 p{font-size: 14px !important;}
/* only home page css for header and hero section */
.home .main_header{
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 26.5%, rgba(255, 255, 255, 0) 100%);
    width: 100% !important;
}
.home .elementor-223{margin-top: -80px;}
.hero_section {min-height: 100vh;}
.home .elementor-nav-menu--dropdown {
    background-color: #ffffff91 !important;
}
.home .sticky_header .elementor-nav-menu--dropdown {
    background-color: #ffff !important;
}
/* end css */
.banner_btn_wrapper .elementor-widget {
    min-width: auto;
}
.performance_img_wrapper {padding:0px;}

.link_hover .elementor-button-content-wrapper{
    gap:0 !important;
}

.link_hover .elementor-button-content-wrapper .elementor-button-icon {
    transform: translateX(14px);
    transition: all 300ms ease;     
}

.link_hover .elementor-button-content-wrapper:hover .elementor-button-icon{
    transform: translateX(22px);
    transition: all 300ms ease;
}

.link_hover .elementor-button-content-wrapper:hover .elementor-button-text{
    color: #DE1B1B;
    transition: all 300ms ease;
}

.link_hover .elementor-button-content-wrapper:hover .elementor-button-icon svg,
.link_hover .elementor-button-content-wrapper:hover .elementor-button-icon path{
    fill: #DE1B1B;
    transition: all 300ms ease;
}
.select2-container--default .select2-selection--single,.select2-dropdown{
    background-color: #fff;
    border: 1px solid #C4C4C4;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
}

.box_icon_wrapper  .elementor-icon-box-content{
    padding-left: 21px;
}


/*.highlight {
  border-left: 4px solid #83C59A;
  padding-left: 15px; 
  transition: background-color 0.3s ease;
}*/
.box_icon_wrapper{cursor: pointer}
.no_pointer .box_icon_wrapper{cursor: unset}
.highlight ,.hight_column_wrapper  {
  position: relative;
}

.line {
  position: absolute;
  /*top: var(--top,0);*/
  left: 52px;
  width: 4px;
  /*height: var(--highlight-height, 15%);*/
  height: 90px;
  top: 0;
  background-color: #83C59A;
  /*transform : translateY(var(--top,0));*/
  /*transition: all 100ms ease;*/
  transition: top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#ai-works .line, #user_friendly .line{
    height:85px;
}

.custom_hr {
    border-top: 1px solid #8E8E8E;
    width: 252px;
    height: 20px;
    opacity: 1;
}
.workflow-sec .custom_hr {
    width: 100%;
} 
.workflow-sec .e-con-inner{
    gap: 0 20px;
}
.lh-160 .elementor-image-box-description{
    line-height: 160% !important;
}
.border_bottom .elementor-image-box-img {
    margin-bottom: 0px !important;
}
.border_bottom img{
    max-width: 284px !important;
    height:212px !important;
    object-fit: cover;
}
.lh-160 .elementor-icon-box-title{
    line-height: 160% !important
}
.lh-170 .elementor-heading-title,.p_wrapper p{
    line-height: 170% !important;
}

.w-600{font-weight:600;}
.p_black p{color: #000;
    font-family: "Poppins", Sans-serif;
    /*line-height: 180% !important;*/
    line-height: 40px;
    margin-bottom: 0px;
    font-size: 20px;
}
.w-500 {
    font-weight: 500;
}
.feature_wrapper .elementor-icon-box-description{
    width: 306px;
}
.h-40 svg{
    height: 40px !important;
}
/*.g-5 .elementor-button{ 
    font-size: 12px !important;
}*/
.fs-16{font-size:16px;}
.video_player_wrapper .elementor-widget-container{
    height: 100% !important;
    width: 100%;
    /*position: relative; overflow: hidden;
    display: block;
    padding: 56.40% 0 0 0;*/
}
.video_player{
    height: auto !important;
    width: 100% !important;
    /*object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    right: 0;
    bottom: 0;*/
}

/*.vh_550 .elementor-widget-container ,.vh_550 .video_player{
    height:550px !important;
}*/

.medium-posts {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px 20px;
}
.medium-post {
    border: 1px solid #00000040;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 3px 4px 4px #00000040;
}
.img_wrapper {
    height: 200px;
    margin-bottom: 20px;
}
img.medium-thumbnail{
    margin: 0 auto;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.blog_title {
    font-family: 'Poppins';
    font-weight: 600;
    line-height: 35px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.specification_wrapper img{
    filter: drop-shadow(2px 4px 6px #00000080);
}

#elementor-popup-modal-1715 .dialog-message,#elementor-popup-modal-1720 .dialog-message {
    max-width: 100%;
    width: 58vw;
}

.banner_title .elementor-heading-title{
    /*font-size: calc(30px + (75 - 40) * (100vw - 320px) / (2560 - 320)) !important;
    line-height: calc(30px + (95 - 40) * (100vw - 320px) / (2560 - 320)) !important;*/
	font-size: 65px !important;
	line-height: 85px !important;
}

.video_box_shadow .video_player{
	/*box-shadow: 3px 4px 4px #0000004D;*/
	 filter: drop-shadow(3px 4px 4px #0000004D);
}
.address {font-weight: 400;}
.mb-40 p , .mb-40 h2{margin-bottom:40px;}
.mb-16 h2{margin-bottom:16px;}

.box_warpper{
    position:relative;
    /*backdrop-filter: blur(10px);
    box-shadow: 0px 3px 10px 0px #00000040;
    background: #ffffff1c;*/
	backdrop-filter: blur(4px);
	background: radial-gradient(90.16% 143.01% at 15.32% 21.04%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.0447917) 77.08%, rgba(255, 255, 255, 0) 100%);
	box-shadow: 0px 0px 11px 0px #00000033;
    border-radius:50px;
    padding: 30px;
}
/*.box_warpper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    z-index:-1;
	box-shadow: 0px 0px 11px 0px #00000033;
}*/
.box_warpper::after {
     content: '';
	  position: absolute;
	  inset: 0;
	  background: 
		radial-gradient(80.38% 222.5% at -13.75% -12.36%, #ffffff 0%, rgba(255, 255, 255, 0) 100%),
		radial-gradient(80.69% 208.78% at 108.28% 112.58%, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
	  -webkit-mask:
		linear-gradient(#fff 0 0) content-box, 
		linear-gradient(#fff 0 0);
	  -webkit-mask-composite: xor;
			  mask-composite: exclude;
	  pointer-events: none;
	  z-index: -1;
	  border: 1px solid #ffffff20;
	border-radius:50px;
}




.hide{display: none !important;}



/* Media query */
@media screen and (max-width:2410px) {
	.banner_title .elementor-heading-title{
		font-size: 55px !important;
		line-height: 75px !important;
	}
}
@media screen and (max-width:2400.5px) {
	.hero_section .dw-1 { width: 60% !important; }
    .hero_section .dw-2 { width: 40% !important; }
}
@media screen and (max-width:2100px) {
    .p_black p{
        line-height: 28px;
        font-size: 16px;
    }
	.banner_title .elementor-heading-title{
		font-size: calc(30px + (70 - 40) * (100vw - 320px) / (2560 - 320)) !important;
		line-height: calc(30px + (90 - 40) * (100vw - 320px) / (2560 - 320)) !important;
	}
	.box_warpper{
		border-radius:36px;
		/*padding: 56px;*/
	}
	.box_warpper::after {
		border-radius: 36px;
	}
}
@media screen and (max-width:2000.5px) {
	.hero_section .dw-1 { width: 50% !important; }
    .hero_section .dw-2 { width: 50% !important; }
}
@media screen and (max-width:1280px) {
    #elementor-popup-modal-1715 .dialog-message,#elementor-popup-modal-1720 .dialog-message {
        width: 75vw;
    }

}
@media screen and (max-width:1100px) {
    .workflow-sec .e-con-inner {
        flex-direction: column !important;
        gap:20px;
    }
    .workflow-sec .e-con-inner .elementor-element.elementor-element-84db51f,.workflow-sec .e-con-inner .elementor-element.elementor-element-16ed84b {
        --width: 100%;
    }
}
@media (max-width: 1400px){
	.box_warpper{
		border-radius:26px;
		/*padding: 40px;*/
	}
	.box_warpper::after {
		border-radius: 26px;
	}
}
@media (max-width: 1440px) {
     .px-20 , .w-1440 .e-con-inner,.elementor-location-header .e-con-inner, .hero-section-wrapper .e-con-inner {
        --content-width: 1155px;
    }
    .p_black p{
        line-height: 180%;
        font-size: 16px;
    }
}
@media (max-width: 1356px) {
    /*.mr-50{margin-right:50px !important;}*/
}
@media screen and (min-width:1366px) {
    /*.banner_title .elementor-heading-title{
        line-height: 56px !important;
        font-size: 44px !important;
    }*/
    .banner_title .elementor-widget-container{
        padding: 0px 0px 30px 0px;
    }
    .mb-80{
        margin-bottom:80px;
    }
    .mb-124{
        margin-bottom:124px;
    }
    .mb-73{
        margin-bottom:73px;
    }
    .mb-73 .e-con-inner{
        padding-bottom:0px;
    }
    .pb-48 .e-con-inner{
        padding-bottom:48px;
    }
    .mb-48{
        margin-bottom:48px;
    }
    .elementor-223 .elementor-element.elementor-element-2e21725 > .elementor-widget-container {
        padding-top: 50px !important;
        padding-bottom:50px !important;
    }
}

@media (max-width: 1280px) {
  .row-16 .e-con-inner {column-gap: 16px;}
}

@media (max-width: 1184px) {
    .px-20 , .w-1440 .e-con-inner,.elementor-location-header .e-con-inner {
        /*--content-width: 1100px !important;*/
         padding-left:20px;
         padding-right:20px;
    }
}
@media screen and (max-width:1300x) {
    .desc_wrapper br{
        display:none;
    }
}
@media screen and (max-width:1075px) {
	.hero_section .dw-1 {        width: 80% !important;
        align-items: center;
        align-content: center;
        align-self: center;
        justify-content: center;
        margin: 0 auto; }
    .hero_section .dw-2 { width: 20% !important; display:none}
}
@media screen and (min-width:1024px) {
    /*.banner_title .elementor-heading-title{
        line-height: 52px !important;
        font-size: 40px !important;
    }*/
    /*.p_black  p{
        line-height: 24px !important;
        font-size: 14px !important;
    }*/
    .banner_title .elementor-widget-container{
        padding: 0px 0px 24px 0px;
    }
    .page-id-21 .px-20{
        padding-left: 10px;
        padding-right: 10px;
    }
    .page-id-21 .elementor-location-footer .elementor-element-5747bf1{
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 1024px) {
    .highlight::before ,.line {
        display: none;
    }
    /*.video_player{height:400px;}*/
    .elementor-location-header .e-con-inner{
        padding-left:20px;
        padding-right: 20px;
    }
    .main_menu nav{padding:10px 0;}
    .main_menu nav ul li:not(:last-child) a {
        /*padding:10px 30px !important;*/
        padding:10px 20px !important;
    }
    /*.header_git_btn a{margin:10px 30px !important}*/
    .header_git_btn a{margin:10px 20px !important}
    /*.hero_section {min-height: calc(100vh - 54px);}*/
    .mr-50{margin-right:auto !important;}
    .elementor-custom-embed-play svg {height: 80px;}
    .video_player_wrapper .elementor-widget-container{
        /*padding: 56.30% 0 0 0;*/
        height: 100% !important;
    }
    .video_player, .vh_550 .elementor-widget-container ,.vh_550 .video_player{
        height:100% !important;
    }
    #elementor-popup-modal-1715 .dialog-message,#elementor-popup-modal-1720 .dialog-message {
        width: 90vw;
    }
    .mb-40 p , .mb-40 h2{margin-bottom:30px;}
    .box_warpper{
        border-radius:30px;
        backdrop-filter: blur(6px);
    }
    .box_warpper::after {
        border-radius: 30px;
    }
    .banner_title .elementor-heading-title{
        line-height: calc(34px + (90 - 40) * (100vw - 320px) / (2560 - 320)) !important;
    }
    .p_black p {line-height:24px;}
	.home .elementor-223 {margin-top: -70px;  }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .elementor-location-header .e-con-inner{
        padding-left:20px;
        padding-right: 20px;
    }
    .main_menu nav ul li:not(:last-child) a{
        padding:10px 20px !important;
    }   
    .header_git_btn a{margin:10px 20px !important}
    .elementor-custom-embed-play svg {height: 50px;}
    .feature_wrapper .elementor-icon-box-description{
        width: unset;
    }
    .medium-posts {grid-template-columns: 1fr 1fr;}
}

@media screen and (max-width: 767px) {
    .bg_img_wrapper {
        height: 300px;
        max-height: 300px;
        background-size: cover !important;
        background-position: center;
    }
    .box_icon_wrapper  .elementor-icon-box-content{padding-left: 0px;}

    .highlight::before {
     left: -10px;
    }
    .video-section .elementor-divider-separator{
        margin: 0 auto !important;
    }
    /*.video_player{
        height:200px;
    }*/
    .home .main_header{
        background-color: #fff !important;
    }
    .home .elementor-nav-menu--dropdown {
        background-color: #ffff !important;
    }
    /*.hero_section {min-height: calc(100dvh - 55px);}*/
   .home .px-20 .elementor-divider-separator {
    display: block !important;
    width: 50% !important;
    margin: 0 auto !important;
  }
  .custom_hr {
    margin: 0 auto !important;
  }
    .pl-0 a{padding-left: 0px !important;}
    .elementor-location-header .e-con-inner{
        padding-left:20px;
        padding-right: 20px;
    }
    .main_menu nav ul li:not(:last-child) a{
        padding:10px 30px !important;
    }
    .header_git_btn a{margin:10px 30px !important}
    .elementor-custom-embed-play svg {height: 50px;}

    .border_bottom .elementor-image-box-img {
        margin-bottom: 30px !important;
    }
    .border_bottom img{
        max-width: 100% !important;
    }
    .feature_wrapper .elementor-icon-box-description{
        width: 100%;
    }
    .video_player_wrapper .elementor-widget-container{
        height: auto !important;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .video_player {
        position: static;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        height: 100% !important;
        margin: 0 auto;
        width: auto !important;
    }
    .medium-posts {grid-template-columns: 1fr;}
	
	.hero_section .dw-1 {        
		width: 100% !important;
	}
    
}

@media screen and (max-width: 470px) {
    .main_menu nav ul li:not(:last-child) a{
        padding:10px 20px !important;
    }
    .header_git_btn a{margin:10px 20px !important}
}

@media screen and (min-width: 300px) {
    /*.elementor-location-header .e-con-inner , .px-20 {*/
     .home .px-20 {
        padding-left:20px;
        padding-right: 20px;
    }
    .elementor-menu-toggle{padding:0 !important}
    .home .px-20 h2.elementor-heading-title {margin: 0 20px;}
}

/*keyframes grow-line {
  from {
    height: 0;
  }
  to {
    height: var(--highlight-height, 100%);
  }
}*/
@keyframes grow-line {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}

body .elementor-form .elementor-field::placeholder,
input::placeholder,
input::-webkit-input-placeholder,
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder {
  color: #000 !important;
    opacity: 1!important
}